내 첫 트위터 부트 스트랩 경험입니다. 일부 제목 (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"
. 필요할 때마다이 클래스를 호출하십시오. 🙂