Разметка страницы

Описание CSS-классов для разметки страницы

col-SW-N

Колонки

  • SW - xs, sm, md, lg
  • N - 1…12
<div class="col-xs-1"></div>

col-SW–pull-*

Смещение влево

  • SW - xs, sm, md, lg
<div class="col-xs-pull-"></div>

col-SW–push-*

Смещение вправо

  • SW - xs, sm, md, lg
<div class="col-xs-push-"></div>

container

Фиксированный контйнер (940 px).

<div class="container"></div>

container-fluid

Резиновый контейнер.

<div class="container-fluid"></div>

row

Строка

<div class="container">
    <div class="row"></div>
</div>

row-fluid

Резиновый контейнер для колонок

<div class="container-fluid">
    <div class="row-fluid"></div>
</div>

spanX

Контейнер для строк, где Х - число от 1-12, ширина строки.

<div class="container">
    <div class="row">
        <div class="span3">Это колонка шириной 3</div>
        <div class="span9">Это колонка шириной 9</div>
    </div>
</div>

well

Выделенный контейнер.

<div class="container">
    <div class="row">
        <div class="span3">
            <p class="well">Это колонка шириной 3</p>
        </div>
        <div class="span9">
            <p class="well">Это колонка шириной 9</p>
        </div>
    </div>
</div>

pull-right

Выравнивает контейр по правому краю

<blockquote class="pull-right">
    <p>message</p>
    <small>by ilnurgi</small>
</blockquote>

hide

Скрывает элемент

<table class="table hide">
</table>