Twitter Bootstrap: Текст у навігаційній панелі


109

Відповідно до документації завантажувального закладу щебетати , я повинен мати можливість "Обертати рядки тексту в <p>тег для належного провідного та кольорового кольору". Коли я це роблю, будь-який рівень під navbarцим просто не успадковує жоден з navbarкласів. Обертання рядка в <a>теги робить його, але воно не повинно бути якорем.

Рядок, який я намагаюся зробити, це "Logged in as ... ".

Відповіді:


237

Ви повинні включити клас разом із своїм pтегом всередині навігаційного рядка, наприклад:

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

2
@capncaveman люди щебетати не включили цього досить дивного, але ви можете побачити це на прикладах їх сторінок.
Андрес Ілліч

35
Для того, що це варто, мені довелося скористатися, <p class="nav navbar-text">щоб отримати правильне форматування.
eaj

Дякую за це! FYI @eaj w / 3.3.6 мені не потрібні .nav. Питання: Чи є стандартний клас Bootstrap, який відключає текст <p> від вибору?
Меттью Корнелл

1
@MatthewCornell жоден, про який я знаю, але ви можете "підробити" його, стилізуючи ::selectionколір під фоновий колір і скинувши cursorвластивість до замовчування при наведенні курсору, як так cursor: default;.
Андрес Ілліч


2

Мені довелося додати <span class="navbar-text">для формату рівень за допомогою тегів якоря.


0

Жоден із цих відповідей чи коментарів не працював для мене (останньому було 6+ років), але для мене це було наступне:

  1. Мені довелося використовувати <span>тег, ні<p>
  2. Мені довелося включити "nav-item"клас до самого елемента мого списку

Мій остаточний робочий код виглядає так:

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

Візьміть моє слово за це, але слово "Салі" нижче не змінюється на гіперпосилання при наближенні.

введіть тут опис зображення

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.