web-rocket.by
Стили и классы Bootstrap 3, необходимые контент менеджеру

Стили и классы Bootstrap 3, необходимые контент менеджеру

Картинки и таблицы, с которыми предстоит работа в HTML редакторе

Таблицы

Класс Описание
.table Добавление базовой стилизации (светлые отступы и только горизонтальные разделители) в любую < таблицу >
.table-striped Добавляет Зебра-чередование в любую строку таблицы (недоступно в IE8)
.table-bordered Добавляет границу со всех сторон таблицы и ячеек
.table-hover Включает состояние наведения (подвел мышкой - строка выделилась)
.table-condensed Делает таблицу более компактной, сокращая расстояние  между ячеек напополам

 <table class="table table-striped"> - Пример таблицы зебры.

Внимание - если вы применяете класс к элементу - то точка вначале не нужна.

Изображения

Класс Описание
.img-rounded Добавляет закругленные углы к изображению (не доступно в IE8)
.img-circle Изображение в кружке (не доступно в IE8)
.img-responsive Делает изображение резиновым (будет масштабироваться красиво к родительскому элементу)

Адаптивная картинка

Создание адаптивных картинок получается путем добавления .img-responsive класса к <img> тегу. После этого изображение будет хорошо масштабироваться на разных экранах!

Пример

<img src="путь/название_картинки.jpg" class="img-responsive" alt="Описание для слабовидящих и Поисковика">

Внимание - если вы применяете класс к элементу - то точка вначале не нужна.

Комментарии ()

    Изложить свои мысли