CODEWITHSUNDEEP
csstwitter-bootstrap-3
Matt Brown
Matt Brown

Reputation: 249

Bootstrap 3 remove middle two breakpoints

Is it possible to remove the middle two breakpoints in Bootstrap 3 and have the browser visually "scale/shrink" the page, so in those breakpoints you don't have to scroll left or right to see the page?

Basically, I have a design that I want to be responsive, but only be responsive for the small breakpoint and the large breakpoint, but I don't want a viewer to have to scroll left or right to see all the content.

Here is an example that I'm working on that doesn't work. I've tested on the iPad and I have to scroll around left and right to see the content: http://matthewtbrown.com/test/myprojects.html

Upvotes: 0

Views: 68

Answers (1)

Roc Khalil
Roc Khalil

Reputation: 1385

Just checked your code via Developer Tools, you're using container-fluid for the parent container.

When using container-fluid you should use row-fluid instead of row.

We use row when using container and row-fluid when using container-fluid.

It should be something like this:

<div class="container-fluid">
  <div class="row-fluid">
    <div class="col-lg-4">...</div>
    <div class="col-lg-4">...</div>
    <div class="col-lg-4">...</div>
  </div>
</div>

Upvotes: 1

Related Questions