Выберите ваш стиль

Ширина сайта


Цвет темы

#F44336 #E91E63 #9C27B0 #3F51B5 #2196F3 #009688
#4CAF50 #8BC34A #FF9800 #FF5722 #795548 #607D8B

Фон (для фикс. ширины)


Фон футера

Сбросить
Здравствуйте, вы находитесь на демо версии решения «SIMAI:Сайт совета муниципальных образований»
Цветовая схема: C C C C
Размер шрифта: A A A
Изображения:
  • 450015, г. Уфа, ул. Карла Маркса, д. 37, корп. 1
  • 8 (3472) 246-85-00
  • mail@simai.ru

Framework buttons

Class name Info Example
btn The main class that has to be on every button. Any other class will be applied next to this one Button
btn btn-base Standard button with the main template background Button
btn btn-alt Standard button with the second main template background Button
btn btn-light Standard button with a light background Button
btn btn-dark Standard button with a dark template background Button
btn btn-lg btn-base Makes the button large Button
btn btn-sm btn-alt Makes the button smaller Button
btn btn-xs btn-dark Makes the button extra small Button
btn btn-block btn-base Make the button full width Button




Left aligned icon buttons

Class name Info Example
btn btn-icon btn-base fa-paw Icon button with the main template background Button
btn btn-icon btn-alt fa-paw Icon button with the second main background Button
btn btn-icon btn-light fa-paw Icon button with a light background Button
btn btn-icon btn-dark fa-paw Icon button with a dark background Button
btn btn-lg btn-icon btn-base fa-paw Large icon button with the main color background Button
btn btn-sm btn-icon btn-alt fa-paw Small icon button with the second main color background Button
btn btn-xs btn-icon btn-dark fa-paw Extra small icon button with a dark background Button
btn btn-block btn-icon btn-base fa-paw Makes the button full width Button



Right aligned icon buttons

To use the right aligned icon buttons use .btn-icon-right next to btn-icon. More detail in the buttons table
Class name Info Example
btn btn-icon btn-icon-right btn-base fa-paw Icon button with the main template background Button
btn btn-icon btn-icon-right btn-alt fa-paw Icon button with the second main background Button
btn btn-icon btn-icon-right btn-light fa-paw Icon button with a light background Button
btn btn-icon btn-icon-right btn-dark fa-paw Icon button with a dark background Button
btn btn-lg btn-icon btn-icon-right btn-base fa-paw Large icon button with the main color background Button
btn btn-sm btn-icon btn-icon-right btn-alt fa-paw Small icon button with the second main color background Button
btn btn-xs btn-icon btn-icon-right btn-dark fa-paw Extra small icon button with a dark background Button
btn btn-block btn-icon btn-icon-right btn-base fa-paw Makes the button full width Button



Bordered buttons

Class name Info Example
btn btn-b-white Bordered button with white color Button
btn btn-b-base Bordered button with the main template color Button
btn btn-b-alt Bordered button with the second main template color Button
btn btn-b-dark Bordered button with a dark color Button
btn btn-b-light Bordered button with a light color Button
btn btn-lg btn-b-base Large bordered button with the main template color Button
btn btn-sm btn-b-alt Small bordered button with second main template color Button
btn btn-xs btn-b-dark Extra small bordered button with a dark color Button
btn btn-block btn-b-base Make the button full width Button