<div>
Just make a search for @media print inside the bootstrap css file and 
comment the code you don't want to use like this 
&nbsp;/* the code */ 
but take the non minified version 
 
bootstrap.min.css is minified 
bootstrap.css is not minified so easier to edit :) 
 
You can get your copy from github 
<a href="https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css" rel="ugc">https://github.com/twbs/bootstrap/blob/master/dist/css/bootstrap.css</a> 
 
Just don't forget if you update the file one day to do the same. 
 
before v3 it was easier because that was on seperate css file, now they are merged. 
 
OR 
 
You can also override all these print classes this by adding &nbsp;custom print .css file but this must be place after the bootstrap.css url line 
and this may be more difficult to test, but this is easier when upgrading bootstrap. 
And you have to make sure it contains all the same print class these can be empty or with different settings.
</div>

<div>
If you don't mind most of the style assigned by bootstrap, and just want to change a few items, create your own stylesheet using an @media selector. &nbsp;As long your file is loaded after bootstrap, and your selectors are of a specificity greater than or equal to the ones found in bootstrap, you can override whatever you want.
</div>

<div>
Thanks- I do have it set up like this, so that the print.css is after the bootstrap, but I still see the bootstrap overriding it. 
 
&lt;!-- BOOTSTRAP - minified JS, CSS and OPTIONAL THEME - Loaded through CDN --&gt; 
&lt;link rel=&quot;stylesheet&quot; href=&quot;<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="ugc">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css</a>&quot; integrity=&quot;sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==&quot; crossorigin=&quot;anonymous&quot;&gt; 
&lt;link rel=&quot;stylesheet&quot; href=&quot;<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" rel="ugc">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css</a>&quot; integrity=&quot;sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX&quot; crossorigin=&quot;anonymous&quot;&gt; 
&lt;script src=&quot;<a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" rel="ugc">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js</a>&quot; integrity=&quot;sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt; 
 
&lt;!-- ======= &nbsp;END SSI JS / CSS into &lt;head&gt; section **for static pages only ** - loaded via SSI: /SSI/head_js_and_css_load.ssl ======== --&gt; 
 
 
&lt;!-- Custom Stylesheet --&gt; 
&lt;link href=&quot;/css/style.css?ver=2015-11-25&quot; rel=&quot;stylesheet&quot;&gt; 
&lt;link href=&quot;/css/print.css&quot; rel=&quot;stylesheet&quot;&gt;
</div>

<div>
So.. to begin, I lose this link: <a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="ugc">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css</a>. 
 
and instead use bootstrap.css in my own file. 
 
I'll get started, thanks. :)
</div>

<div>
<div class="content wysiwyg-content">
Hi, I'm trying &nbsp;to this page to print a certain way. <a href="http://dev2.magickitchen.com/menu/main_courses.html" rel="ugc">http://dev2.magickitchen.com/menu/main_courses.html</a>&nbsp; (User name pepe and password BobTheBuilder45!!) 
 
When I look in Chrome developer tools, <a href="https://www.lockedowndesign.com/chrome-print-preview-differs-from-dev-tools/" rel="ugc">https://www.lockedowndesign.com/chrome-print-preview-differs-from-dev-tools/</a>&nbsp;(Looking at print preview), I see a lot of the media print css is coming from <a href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="ugc">https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css</a>. 
 
Is there an easy way to have the page ignore @media print styles from bootstrap, and just build my own? 
 
I do have a separate css, called &lt;link href=&quot;/css/print.css&quot; rel=&quot;stylesheet&quot;&gt;, under custom stylesheet. 
 
Thanks.
</div>
</div>

Hi, I'm trying to this page to print a certain way. http://dev2.magickitchen.com/menu/main_courses.html (User name pepe and password BobTheBuilder45!!)

When I look in Chrome developer tools, https://www.lockedowndesign.com/chrome-print-preview-differs-from-dev-tools/ (Looking at print preview), I see a lot of the media print css is coming from https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css.

Is there an easy way to have the page ignore @media print styles from bootstrap, and just build my own?

I do have a separate css, called <link href="/css/print.css" rel="stylesheet">, under custom stylesheet. 

Thanks.

Can I override the @media print on https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.