[twitter-bootstrap] 부트 스트랩 중심 제목

Program / 글쓴이

내 첫 트위터 부트 스트랩 경험입니다. 일부 제목 (h1, h2 등)을 추가했으며 왼쪽으로 정렬됩니다. 제목을 가운데에 맞추는 올바른 방법은 무엇입니까?

답변

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

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

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

부트 스트랩은 텍스트 정렬을 위해 세 개의 CSS 클래스를 추가했습니다.

답변

가운데 제목을 위해 요소에서 class = ‘text-center’를 사용하십시오.

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

왼쪽 제목에는 요소에 class = ‘text-left’를 사용하고 오른쪽 제목에는 요소에 class = ‘text-right’를 사용하십시오.

답변

행의 클래스 속성에서 “justify-content-center”를 사용하십시오.

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

답변

귀하의 의견에 따라 모든 제목을 중앙에 배치하려면 다음과 같이 모든 제목을 text-align:center동시에 추가 하면됩니다.

CSS

    h1, h2, h3, h4, h5, h6 {
        text-align: center;
    }

답변

부트 스트랩은 많은 사전 빌드 클래스와 함께 제공되며 그중 하나는 class="text-left". 필요할 때마다이 클래스를 호출하십시오. 🙂

답변