HTML Templates Documentation

Кнопки

В HTML Website Templates кнопки определяются с помощью 3 составных классов:

• .btn

  базовый класс кнопки;

• .btn-xs, .btn-sm, .btn-md, .btn-lg, .btn-xl

  классы лейаута кнопки, отвечающие за ее размер;

• .btn-default, .btn-primary

  классы стилизации кнопки, отвечающие за ее цвет и фон.

Рассмотрим пример,

        <a href="#" class="btn btn-lg btn-primary">Read More</a>
    

В данном примере создается кнопка большого размера со стилизацией по первичному цвету шаблона.

Иконки

В HTML Website Templates стилзация иконок определяется аналогично кнопкам:

• .icon

  базовый класс иконки;

• .icon-xs, .icon-sm, .icon-md, .icon-lg, .icon-xl

  классы лейаута иконки, отвечающие за ее размер;

• .icon-default, .icon-primary, …

  классы стилизации иконки, отвечающие за ее цвет и фон;

• fa-*, glyph-*, mdi-* и т.д.

  классы, которые отвечают за вставку кода (символа) иконки.

Рассмотрим пример,

  
    <span href="#" class="fa-search icon icon-md icon-default"></span>
  

В данном примере создается иконка среднего размера со стилизацией по основному цвету шаблона.