Bootstrap 3 responsive desktop and mobile layout

Question

Using bootstrap 3 to design my responsive website, I\'m having trouble getting the layout to work below a desktop width resolution of 1366px v 786px. When the layout is decr

Answer 1

In you main.css (or whatever name you placed), do something like code below:

@media(max-width:1024px) {
  body {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #heading > .container {
    padding: 0 15px;
  }

  #main-content > .container {
    padding: 0 15px;
  }

  #footer > .container {
    padding: 0 15px;
  }
  #heading h1 {
    font-size: 50px;
    line-height: 55px;
  }
  #heading h4 {
    font-size: 20px;
    line-height: 25px;
  }
}