Bootstrap: Быстрое создание современных сайтов - страница 5

WWW

Тег

выделяет текст как цитируемый, при этом класс class=«blockquote-reverse» выравнивает по правому краю:

This is a default blockquote example. This is a default blockquote example. 

This is a default blockquote example. This is a default blockquote example. 

This is a default blockquote example. This is a default blockquote example. 

Тег подсвечивает текст:

Use the mark element to  highlight text. 

Элементы

,

и 

обеспечивают разметку словаря:

Coffee

black hot drink

Milk

white cold drink

При этом класс class=«dl-horizontal» выводит ключ-значение в одну строку:

Coffee

black hot drink

Milk

white cold drink

Тег выделяет текст цветом:

HTML elements: span , section , and div . 

Тег меняет фон и цвет текста:

Use ctrl + p to open the Print dialog box. 

Тег

 меняет фон текста, сохраняя пробелы и переносы:
Text in a pre
element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.


При этом класс class=«pre-scrollable» устанавливает максимальную высоту 350px и добавляет прокрутку.
Класс class=«list-unstyled» удаляет маркировку и отступы списка:
 Coffee 
 Tea
 Black tea 
 Green tea 
 Milk 


Класс class=«list-inline» выводит список в одну строку:
 Coffee 
 Tea 
 Milk 


Теги  и  перечеркивают текст:
 Use the s element to indicate  text that is no longer relevant . 
 Use the del element to indicate  deleted text . 


Теги  и  подчеркивают текст:
 Use the u element to indicate  underlined text . 
 Use the ins element to indicate  inserted text . 


Тег  меняет шрифт, имитируя вывод программы:
 To indicate sample output from a computer program, use the samp element: 
  This text is output from a computer program…  

Bootstrap класс. table стилизует HTML таблицу небольшим padding отступом и горизонтальными разделителями:

Дополнительно класс class=«table table-striped» добавляет чередующуюся смену фона строк таблицы.

Класс class=«table table-bordered» добавляет разделители к ячейкам таблицы.

Класс class=«table table-hover» добавляет изменение фона при наведении курсора на строку таблицы.

Класс class=«table table-condensed» уменьшает высоту строки.

С помощью классов success, danger, info, active, warning можно выделять цветом строки таблицы.

Контейнер для таблицы

добавляет горизонтальную прокрутку для экранов менее 768px.

Вопросы:

Как стилизовать таблицу горизонтальными разделителями?

Назад Вперед