Saturday, November 30, 2013

Disable large media queries - Twitter Bootstrap responsive layouts

All you have to do to find "container" in bootstrap.css and bootstrap-responsive, css and change
@media (min-width: 768px) {
  .container {
    width: 750px;
  }

@media (min-width: 992px) {
  .container {
    width: 780px; 


@media (min-width: 1200px)
->   @media (min-width: 1400px)

 {
  .container {
    width: 780px;


 .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;



 make it 780px wide :)

Grid System

http://960.gs/

http://www.getskeleton.com/