Зображення

.поле - * - верх
.поле - * - право
.поле - * - ліворуч
.поле - * - знизу

.margin-xl-bottom-screen-sm 768px - 1025px
.margin-xl-bottom-screen-xs Видимий прихований прихований прихований

.visible-sm Hidden Visible Hidden Hidden

.visible-md Hidden Hidden Видимий Hidden

.visible-lg Приховані Приховані Приховані Видимі

.hidden-xs Приховані видимі видимі видимі видимі

.hidden-sm Видиме Приховане Видиме Видиме

.hidden-md Видиме Видиме Приховане Видиме

.hidden-lg Видимий Видимий Видимий Прихований

Getty Images

рядок має клас: рядок-вертикальний-середній
містить 2 колки, які будуть вертикально вирівняні

рядок має клас: row-vertical-bottom
містить 2 кольки, які будуть вирівняні знизу

Зображення

img-circle at the: Формує зображення в коло (недоступне в IE8)
будь ласка, використовуйте формат squarish!

img-rounded: додає закруглені кути до зображення (недоступне в IE8)
img-responsive: робить зображення адаптивним (буде добре масштабуватися до батьківського елемента)