Twitter bootstrap + .less how-to

Апр 22nd, 2015 | Posted by | Filed under Web

простейший пример, как подружить bootstrap и less.

1. Создаем два файла index.html и .less подключаем «бибилиотеки» с CDN. только для примера, для быстрого старта.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js" type="text/javascript">
<link rel="stylesheet/less" type="text/css" href="style.less" />

2. придумываем имя класса, которым будем управлять. в нашем случае «exampleColumn»

3. записываем в .less файл @ourColor: #99a8bf; .exampleColumn { color: red; background-color: @ourColor; }

Все. Ничем не отличается от использования less На обычных страницах.
Посмотреть на GitHub
Tags:
Comments are closed.