Вопрос по twitter-bootstrap – Начальный заголовок начальной загрузки

69

Это мой первый опыт Twitter Bootstrap. Я добавил несколько заголовков (h1, h2 и т. Д.), И они выровнены по левой стороне. Как правильно центрировать заголовки?

Как вы содержите заголовки? Внутри контейнера, какp тег или свободный? Andres Ilich
Вы хотите центрировать все заголовки? или только несколько избранных? Andres Ilich
@AndresIlich, внутри флюида (который находится внутри флюида контейнера) SiberianGuy
@AndresIlich, я хочу, чтобы все заголовки были центрированы по умолчанию SiberianGuy

Ваш Ответ

5   ответов
115
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

42

center-apos; в элементе для центрального заголовка.

<h2 class="text-center">sample center heading</h2>

используйте class = & lt; text-left & apos; в элементе для левого заголовка, и используйте class = "text-right" в элемент для правильного заголовка.

11

чтобы центрировать все заголовки, все, что вам нужно сделать, это добавитьtext-align:center всем им одновременно, вот так:

CSS

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }
@Skurpi Кроме того, эти классы выравниванияdid not exist на момент написания. Этот ответ годовалый.
Хотя это правда, идея использования Twitter начальной загрузки состоит в том, чтобы максимально использовать существующие классы. Смотрите ответ Джинпу Ху
Ильич Вы правы, не посмотрели дату этого вопроса, когда я приехал сюда
@Skurpi Frameworks - это подсказки того, что вы можете использовать в проекте; Они ни в коем случае не данность. Хотя проще использовать классы и стили, уже приведенные в начальной загрузке, если требования вашего проекта требуют & quot; Вы должны внести некоторые радикальные изменения в структуру, в соответствии с вопросом OP, чем самый простой способ сделать это - просто изменить эти изменения на корневом уровне. В отличие от добавления тонны классов, которые вам действительно не нужны.
5

justify-content-center & quot; в атрибуте класса строки.

<div class="container">
  <div class="row justify-content-center">
    <h1>This is a header</h1>
  </div>
</div>
4

class="text-left", Пожалуйста, вызывайте этот класс, когда это необходимо. :-)

Похожие вопросы