Как отключить Bootstrap 3 мобильный отзыв?

Question

Я комментировал этот код на bootstrap.css, и моя страница теперь не реагирует. Но мой навигатор все еще реагирует. как отключить это?

/*@media (min-width: 768px) { 
     .container { 
     width: 750px; 
     } 
    } 
    @media (min-width: 992px) { 
     .container { 
     width: 970px; 
     } 
    } 
    @media (min-width: 1200px) { 
     .container { 
     width: 1170px; 
     }*/ 

Answer 1

Bootstrap создал шаблон non-responsive.css, чтобы отключить отзывчивость вашего шаблона. Посмотрите на эту документацию: http://getbootstrap.com/getting-started/#disable-responsive

Пример: http://getbootstrap.com/examples/non-responsive

Но я вижу, что вы хотите сделать это по-своему, так что вы можете попробовать это:

@media (min-width: 768px) { 
    .container, .navbar { 
     width: 750px !important; 
    } 
} 
@media (min-width: 992px) { 
    .container, .navbar { 
     width: 970px !important; 
    } 
} 
@media (min-width: 1200px) { 
    .container, .navbar { 
     width: 1170px !important; 
    } 
} 

Обратите внимание, что код выше воли применяются только к классам container и navbar. Существуют и другие компоненты/классы, которые должны иметь статическую ширину и высоту. Поэтому я бы посоветовал вам взглянуть на приведенный выше пример.

Answer 2

Следуйте Bootstrap's официальным doc.