Место для вас

Правильное использование классов в Bootstrap

На сегодняшний день bootstrap является самым популярным и легким в освоении фреймворком для разработки адаптивных и мобильных web-проектов. И моим любимым.

Фреимворк Bootstrap имеет отличную документацию, в которой разберется даже школьник. Так же кодерами написанно немало готовых решений под фреимворк:

  • - html шаблоны
  • - менюшки
  • - галлереи
  • - формочки
  • - и куча всего еще: БУТСНИПЕТЫ

И так как мы кодеры люди ленивые, и "создавать заново велосипеды" нам не в каиф, то мы предпочитаем юзать чей-то код и "допиливать" его под наши нужды. Так вот. Бывает, что при такой "пилке" я замечаю, что не всегда "велосипед" хорошо собран.

!!!Использование классов должно иметь ОПРЕДЕЛЕННУЮ последовательность, а не хаотично!!!

Такая запись будет ошибочной, так как классы формирующие колонки расположены хаотично:


<div class="col-xl-1 col-md-6 col-xs-10 col-lg-2 col-sm-8"></div>

А вот такая будет правильной:


<div class="col-xs-10 col-sm-8 col-md-6 col-lg-2 col-xl-1">

Порядок классов должен быть расположен по НАРАСТАЮЩЕЙ

Так же это касается и классов смещения:


<div class="col-xs-10 col-xs-offset-1 col-sm-8 col-xs-offset-2 col-md-6 col-lg-2 col-xl-1"></div>

Место для вас

Добавить коментарий

кликните на картинку,
чтоб обновить код

Что за сайт

Этот сайт представляет унифицированную базу, где инфа собрана в единое целое, а не разбросанна по многочисленным сайтам, записям на листах бумаги или головам людей; а так же доступна круглосуточно не зависимо от кого-либо или чего-либо.

Будь в курсе

Интересненько

Вверх