부트 스트랩 클래스를 사용하여 글꼴 두께 설정 Twitter Bootstrap 클래스 font-weight: bold및 기타 값이

에 대한 Twitter Bootstrap 클래스 font-weight: bold및 기타 값이 있습니까?font-weight 있습니까?

이것이 이미 Bootstrap에 존재한다면 새로운 것을 만들지 않을 것입니다.



답변

EDIT 2 (최종)에 따르면 부트 스트랩 4 문서 , class="font-weight-bold"당신을 위해 무엇을 찾고 있습니다.


편집 : 여기에 표시된class="font-weight-bold" 대로 사용할 수 있습니다 (Bootstrap 4 alpha).

명확성을 위해 아래의 원래 답변을 보관했습니다.


이 스레드에는 방문자가 많은 것 같지만이 문제를 해결할 적절한 해결책이 없었기 때문에이 답변을 게시하고 있습니다. 하지만 곧 Bootstrap 4를 사용할 수있는 방법이 있습니다.

이 GitHub 풀 요청에서 알 수 있듯이 text-weight-normal, text-weight-boldtext-weight-italic클래스 만 사용하면 됩니다.

이것은 공식 안정 릴리스까지 변경 될 수 있습니다. 이 글을 쓰는 시점에서이 풀 리퀘스트는 아직 알파 브랜치에 병합되지 않았습니다.

Bootstrap v4가 출시되면이 게시물을 업데이트하겠습니다.


답변

나는 이것을 Bootstrap 웹 사이트 에서 찾았 지만 실제로는 Bootstrap 클래스가 아니라 HTML 일뿐입니다.

<strong>rendered as bold text</strong>


답변

에서 부트 스트랩 4 :

class="font-weight-bold"

또는:

<strong>text</strong>


답변

Site.css (또는 다른 위치)에 .font-bold라는 이름의 새 클래스를 만들고이를 요소로 설정합니다.

.font-bold {
  font-weight: bold;
}


답변

Bootstrap 4에서는 다음을 사용할 수 있습니다.

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>


답변

더 많은 사용자 정의 값을 원하거나 반복해야하는 구성표를 따르는 경우 bootstarp의 변수를 사용하여 글꼴 두께를 제어해야합니다. 변수는 색상, 간격 또는 글꼴 스택과 같이 일반적으로 사용되는 값을 중앙 집중화하고 공유하는 방법으로 전체 프로젝트에서 사용됩니다.

http://getbootstrap.com/css 에서 모든 문서를 찾을 수 있습니다 .


답변