Во-первых: Если вы загружаете bootstrap css внутри <head>
вашего документа, вы должны удалить его. Это поможет вашему браузеру быстрее загружать вашу страницу ... вместо того, чтобы остановить процесс рендеринга, чтобы сделать HTTP-вызов для загрузочного буфера REQUEST, а затем дождаться загрузки Bootstrap CSS с вашего сервера или CDN, чтобы завершить синтаксический анализ вашего DOM.
Вместо этого вы должны загрузить CSS в конце файла и просто попросить, чтобы загрузить его только если ваш размер экрана меньше, чем 768px :)
Я надеюсь, что это поможет ...
<script>
(function(){
var screenSize = window.innerWidth;
if(screenSize>768) {
var bootstrapStyles = document.createElement('link');
bootstrapStyles.setAttribute('rel','stylesheet');
bootstrapStyles.href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css";
document.head.appendChild(bootstrapStyles);
}
})();
</script>
Dont хотите загрузить или доцент хотите применить стили? – Sudheer
Что-то вроде [этого] (http://css-tricks.com/resolution-specific-stylesheets/)? –