Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you are compiling from the LESS files, this is quite easy. Open up <code>responsive.less</code> and under "<code>MEDIA QUERIES</code>" comment out or remove the <code>@import</code> declaration for whichever layout you don't want. For example, if you didn't want the Tablets to regular desktops one, the code would look like this:</p> <pre><code>// MEDIA QUERIES // ------------------ // Phones to portrait tablets and narrow desktops @import "responsive-767px-max.less"; // Tablets to regular desktops // @import "responsive-768px-979px.less"; // commented this out because I don't like it // Large desktops @import "responsive-1200px-min.less"; </code></pre> <p>After that just recompile <code>bootstrap.less</code> and you should be done.</p> <p>If, on the other hand, you're not compiling from <code>bootstrap.less</code> and are using <code>bootstrap-responsive.css</code> directly, you can search for the media query for the specific device and remove/comment out that section.</p> <p>For example, removing the portrait tablet one would look like (in <code>bootstrap-responsive.css</code>):</p> <pre><code>/* some CSS code above this */ .hidden-desktop { display: none !important; } /* comment out the following rule entirely in order to disable it */ /* @media (max-width: 767px) { .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } }*/ /* stop commenting out, we want everything below this */ @media (min-width: 768px) and (max-width: 979px) { .visible-tablet { display: inherit !important; } /* More CSS code follows */ </code></pre> <p>To find out which <code>@media</code> query corresponds to which device width, take a look at <a href="http://twitter.github.com/bootstrap/scaffolding.html#responsive" rel="noreferrer">http://twitter.github.com/bootstrap/scaffolding.html#responsive</a>; the media queries are given there along with the device sizes they correspond to.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload