Расширение · Начальная загрузка на русском языке

В основе Bootstrap лежит LESS, динамический язык таблиц стилей, созданный нашим хорошим другом Алексисом Селье . Это делает разработку системного CSS быстрее, проще и веселее.

Почему МЕНЬШЕ?

Один из создателей Bootstrap написал короткую запись в блоге об этом , кратко изложенную здесь:

Bootstrap компилирует быстрее примерно в 6 раз быстрее с меньшими затратами по сравнению с Sass
Меньше написано на JavaScript, что облегчает нам погружение и исправление по сравнению с Ruby с Sass.
Меньше - больше; мы хотим чувствовать, что пишем CSS и делаем Bootstrap доступным для всех.

Что включено?

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

Учить больше

Посетите официальный сайт http://lesscss.org/ , чтобы узнать больше.

Поскольку наш CSS написан с помощью Less и использует переменные и примеси, его необходимо скомпилировать для окончательной реализации в рабочей среде. Вот как.

Примечание. Если вы отправляете запрос на вытягивание в GitHub с измененным CSS, вы должны перекомпилировать CSS любым из этих способов.

Инструменты для компиляции

Командная строка

Следуйте инструкциям в файле readme проекта на GitHub для компиляции через командную строку.

JavaScript

Загрузите последнюю версию Less.js и укажите путь к ней (и Bootstrap) в файле <head>.

<link rel = "stylesheet/less" href = "/path/to/bootstrap.less" > <script src = "/path/to/less.js" ></script>

Чтобы перекомпилировать файлы .less, просто сохраните их и перезагрузите страницу. Less.js компилирует их и сохраняет в локальном хранилище.

Неофициальное приложение для Mac

Неофициальное приложение для Mac просматривает каталоги файлов .less и компилирует код в локальные файлы после каждого сохранения просматриваемого файла .less. Если хотите, вы можете переключить настройки в приложении для автоматической минимизации и того, в какой каталог попадают скомпилированные файлы.

Больше приложений

Хруст

Crunch — это великолепный LESS-редактор и компилятор, созданный на основе Adobe Air.

КодКит

CodeKit — это приложение для Mac, созданное тем же парнем, что и неофициальное приложение для Mac, которое компилирует LESS, SASS, Stylus и CoffeeScript.

Простой

Приложение для Mac, Linux и Windows для перетаскивания файлов LESS. Плюс исходный код есть на GitHub .

Быстро запускайте любой веб-проект, добавляя скомпилированные или минимизированные CSS и JS. Наслаивайте пользовательские стили отдельно для упрощения обновления и дальнейшего обслуживания.

Структура файла настройки

Загрузите последнюю скомпилированную версию Bootstrap и поместите ее в свой проект. Например, у вас может быть что-то вроде этого:

  приложение/
      макеты/
      шаблоны/
  общественный/
      css/
          bootstrap.min.css
      js/
          bootstrap.min.js
      картинка/
          глификоны-halflings.png
          glyphicons-halflings-white.png

Использовать стартовый шаблон

Скопируйте следующий базовый HTML, чтобы начать.

<html>
  <голова>
    <title> Шаблон Bootstrap 101 </title>
    <!-- Начальная загрузка -->
    <link href = "public/css/bootstrap.min.css" rel = "таблица стилей" >  
  </голова>
  <тело>
    <h1> Привет, мир! </h1>
    <!-- Начальная загрузка -->
    <script src = "public/js/bootstrap.min.js" ></script> 
  </тело>
</html>

Слой пользовательского кода

Работайте со своими собственными CSS, JS и т. д. по мере необходимости, чтобы сделать Bootstrap своим собственным отдельным файлом CSS и JS.

<html>
  <голова>
    <title> Шаблон Bootstrap 101 </title>
    <!-- Начальная загрузка -->
    <link href = "public/css/bootstrap.min.css" rel = "таблица стилей" >  
    <!-- Проект -->
    <link href = "public/css/application.css" rel = "таблица стилей" >  
  </голова>
  <тело>
    <h1> Привет, мир! </h1>
    <!-- Начальная загрузка -->
    <script src = "public/js/bootstrap.min.js" ></script> 
    <!-- Проект -->
    <script src = "public/js/application.js" ></script> 
  </тело>
</html>

Расширение Bootstrap

Создано с помощью МЕНЬШЕ