Remove Link Text in Bootstrap Print View

Twitter Bootstrap

Whenever you try printing a page that has a Twitter Bootstrap theme and there is an anchor tag linking somewhere, the link is converted into text and displayed when printed. This can be annoying if you don’t want to print the links.
Here’s how you remove this:

In bootsrap.css there’s a line:

@mediaprint{
...
  a[href]:after {
    content:" (" attr(href)")";
  }
...
}

This is what’s displaying the text after each link. Simply change the content to “none” and that should do it like so

@mediaprint{
...
  a[href]:after {
    content:none;
  }
...
}

Now you don’t have annoying links displayed in your printouts!

Leave a comment