Twitter Bootstrap: Teks di navbar

109

Menurut dokumentasi bootstrap twitter , saya harus bisa "Membungkus string teks dalam <p>tag untuk memimpin dan warna yang tepat." Ketika saya melakukan ini, di level mana pun di bawahnavbar bawahnya tidak mewarisi navbarkelas apa pun . Membungkus string dalam <a>tag akan membuatnya tetapi tidak boleh menjadi jangkar.

String yang saya coba buat adalah "Logged in as ... ".

Jack Frost
sumber

Jawaban:

237

Anda harus menyertakan kelas bersama dengan ptag Anda di dalam bilah navigasi Anda, seperti:

<p class="navbar-text">Logged in as</p> 
Andres Ilich
sumber
2
@capncaveman orang-orang twitter tidak memasukkan yang cukup aneh, tetapi Anda dapat melihatnya di contoh halaman mereka.
Andres Ilich
35
Untuk apa nilainya, saya harus menggunakan <p class="nav navbar-text">untuk mendapatkan format yang benar.
eaj
Terima kasih untuk itu! FYI @eaj w / 3.3.6 Saya tidak butuh .nav. Pertanyaan: Apakah ada kelas Bootstrap standar yang menonaktifkan <p> teks dari seleksi?
Matthew Cornell
1
@MatthewCornell tidak ada yang saya ketahui tetapi Anda dapat "memalsukan" dengan menata ::selectionwarna latar belakang dan mengatur ulang cursorproperti ke default saat hover, seperti itu cursor: default;.
Andres Ilich
4

Ini telah diperbaiki dalam masalah 2799 .

muzzamo
sumber
2

Saya harus menambahkan <span class="navbar-text">format agar sejajar dengan tag jangkar.

Milo van Loon
sumber
0

Tak satu pun dari jawaban atau komentar ini berhasil untuk saya (yang terbaru berusia 6+ tahun), tetapi yang berhasil bagi saya adalah sebagai berikut:

  1. Saya harus menggunakan <span> tag, bukan<p>
  2. Saya harus memasukkan "nav-item"kelas pada elemen daftar saya itu sendiri

Kode kerja terakhir saya terlihat seperti ini:

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

Ambil kata-kata saya untuk itu, tetapi kata "Sally" di bawah ini tidak berubah menjadi hyperlink saat di-hover.

masukkan deskripsi gambar di sini

Joel Wigton
sumber