Пользовательская сетка с Less для Bootstrap 2

Я работаю над сайтом Joomla, ширина контейнера которого составляет 940 пикселей (может быть до 1000 пикселей, но не шире). Joomla 3, к сожалению, придерживается Bootstrap 2. Онлайн-настройки для BS 2.3.2 уже давно нет. Я привык отмечать все, кроме большого экрана, и работать с этой версией. Bootstrap по умолчанию, минус настройки Большого экрана.

Теперь я должен сделать то же самое в Меньше, и я этого не делал. Кто может дать мне несколько советов?

Изменив отзывчивое-1200px-min.less с @media (min-width: 1200px) на @media (min-width: 940px), затем перережьте bootstrap.less в bootstrap.css и замените bootstrap.css в папке CSS. не работает

Я знаю, что делаю это совершенно неправильно, отсюда и мой вопрос.

Источник

1 ответ

  1. Загрузите исходные файлы Bootstrap по адресу https://github.com/twbs/bootstrap/archive/v2.3.2.zip
  2. Откройте файл less / responseive.less и удалите или закомментируйте @import "responsive-1200px-min.less"; линия
  3. перекомпилируйте bootstrap-responseive.css, выполнив следующую команду: lessc -x less/responsive.less bootstrap-responsive.css
  4. замените исходный файл bootstrap-responseive.css файлом, скомпилированным на шаге 3

Никаких изменений для вашего файла bootstrap.css не требуется. Конечно, вы также можете перекомпилировать этот файл с помощью следующей команды: lessc -x less/bootstrap.less bootstrap.css

Источник
Другие вопросы по тегам