Bootstrap: ссылка на класс - программирование

Это может показаться глупым вопросом, но есть ли официальная ссылка класса загрузки? Я просмотрел веб-сайт и не смог его найти.

Я ищу некоторые примеры, и я увижу такие вещи, как:

Как я могу определить, что делает тэг contain-fluid? Должен ли я копаться в css для каждого класса, чтобы посмотреть на правила, а затем объяснить, как это повлияет на мою страницу? Это похоже на быстрый способ сделать предположения и столкнуться с проблемами позже.

Есть ли официальная ссылка где-то, что мне не хватает? Я видел списки классов, составленные третьими лицами, но похоже, что они всегда будут отставать от новых изменений и могут содержать предположения о намерениях.

Ответы

Ответ 1

http://www.tutorialspoint.com/bootstrap/bootstrap_quick_guide.htm содержит очень хорошую ссылку для многих компоновщиков начальной загрузки и css.

Ответ 2

Официально, но актуально с 2/2016 https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/

Печатная версия PDF и сортировка таблицы с описаниями для сортировки по списку классов.

Ответ 3

Bootstrap 3 перешел на "мобильный первый" подход..container действительно существует только там, где вам нужен/нужен квадратный макет. но если вы полностью освобождаете жидкость div.container-fluid, по умолчанию вы останетесь с жидким макетом.

например, чтобы иметь двухстоечную раскладку жидкости, просто используйте:

<body>
<header>...</header>
<div style="padding:0 15px;"><!-- offset row negative padding -->
<div class="row">
  <div class="col-md-6">50%</div>
  <div class="col-md-6">50%</div>
</div>
</div>
<footer>...</footer>
</body>

2.x.контейнер-жидкость была заменена контейнером в Bootstrap 3.x(http://getbootstrap.com/getting-started/#migration), поэтому контейнер .container это жидкость, но она не полная.

Вы можете использовать строку в качестве контейнера для жидкости, но вы должны немного ее настроить, чтобы избежать горизонтальной полосы прокрутки. Выдержка из документов (http://getbootstrap.com/css/#grid)..

"Люди, которые хотят создать полностью жидкие макеты (что означает, что ваш сайт растягивает всю ширину окна просмотра), должен обернуть их содержимое сетки в содержащем элементе с дополнением: 0 15px; для смещения поля: 0 -15px; строк".

Подробнее об изменениях в 3.x: http://bootply.com/bootstrap-3-migration-guide

Демо: http://bootply.com/91948

UPDATE для Bootstrap 3.1

контейнер-жидкость снова вернулась в Bootstrap 3.1. Теперь контейнер-жидкость можно использовать для создания макета полной ширины: http://www.bootply.com/116382