Twitter 부트 스트랩 : navbar의 텍스트

109

트위터 부트 스트랩 문서 에 따르면 " 적절한 행간 및 색상을 위해 태그 에 텍스트 문자열을 래핑"할 수 있어야합니다 . 이 작업을 수행하면 그 아래의 어떤 수준 navbar에서도 navbar클래스를 상속하지 않습니다 . 문자열을 <a>태그로 감싸면 렌더링되지만 앵커가 아니어야합니다.

렌더링하려는 문자열은 "Logged in as ... "입니다.

html css twitter-bootstrap

— 잭 프로스트
소스

237

다음 p과 같이 navbar 안에 태그 와 함께 클래스를 포함해야합니다 .

<p class="navbar-text">Logged in as</p>

— 안드레스 일리치
소스

2

@capncaveman 트위터 사람들은 그 이상을 충분히 포함하지 않았지만 페이지 예제에서 볼 수 있습니다.

— Andres Ilich 2012 년

35

그만한 가치 를 위해 올바른 형식을 얻기 위해 사용해야 했습니다.

— eaj

감사합니다! 참고로 @eaj w / 3.3.6 나는 .nav가 필요하지 않았습니다. 질문 : 선택에서 텍스트를 비활성화하는 표준 부트 스트랩 클래스가 있습니까?

— Matthew Cornell

1

@MatthewCornell 내가 아는 바는 없지만 ::selection배경 의 색상 으로 스타일을 지정 하고 cursor속성을 마우스 오버시 기본값으로 재설정하여 "위조"할 수 있습니다 cursor: default;.

— Andres Ilich 2015

4

이것은 문제 2799 에서 해결되었습니다 .

— 무자 모
소스

2

앵커 태그와 수평을 이루도록 형식 을 추가해야했습니다 .

— 마일로 반 룬
소스

0

이 답변이나 의견 중 어느 것도 저에게 효과가 없었지만 (최신 답변은 6 세 이상이었습니다) 저에게 효과가 있었던 것은 다음과 같습니다.

나는 태그 를 사용해야 만했다.
"nav-item"내 목록 요소 자체에 클래스 를 포함해야했습니다.

내 최종 작업 코드는 다음과 같습니다.

<li class="nav-item"><span class="navbar-text"><h5>{{first_name}}</h5></span></li>

내 말을 믿으십시오. 그러나 아래의 "Sally"라는 단어는 마우스를 가져가도 하이퍼 링크로 변경되지 않습니다.

— 조엘 위그 턴
소스