Bu kullanmak için doğru yolu Nedir `.Twitter Bootstrap: bir gezinti çubuğu içinde btn` sınıf?
Standart nav şeyler için bir gezinti çubuğu kullanıyorum ve Kayıt Kayıt için bir düğme eklemek istiyorum.
I btn btn-large btn-success
sınıflar a
bir etiket kullanıyorum ve varsayılan olarak gezinti çubuğu iç içe kullanımı barınamaz görünür btn
ler.
Sonuç olarak şöyle birşey:
Ve üzerinde süpürdü zaman, gibi gelir:
Benim soru temelde yaptığım bu yanlış Mıyım? Kaçırdığım bir şey mi var?
Önce sorayım dedim ben CSS sınıfları yeniden tanımlayın .btn. bir gezinti çubuğu içinde.
Teşekkürler.
CEVAP
Gezinti çubuğu bir sorun olmadan düğmeleri barındırır - herhangi bir sorun olmadan gezinti çubuğu düğmeleri var, ve static navbar example on the Bootstrap page eklemek başardı:
Html bu gibi düzenlendiği:
<div class="navbar navbar-fixed-top active">
<div class="navbar-inner">
<div class="container" style="width: auto;">
<a class="brand" href="#">Project name</a>
<div class="nav-collapse">
<ul class="nav">
... nav links ...
</ul>
<form class="navbar-search pull-left" action="">
... search box stuff
</form>
<a class="btn btn-success">Sign in</a>
<a class="btn btn-primary">Sign up</a>
</div>
</div>
</div>
</div>
Eğer duyarlı düzeni daha küçük ekranlarda gezinti çubuğu, düğme bağlantıları bir seviye yukarı koymak daraltmak için kullanıyorsanız, <div class="container">
.
Eğer hala sorun değil bulgu varsa, Chrome's Dev Tools CSS olmamalı düğmeleri uygulanmakta olduğunu görmek için kullanmayı deneyin.
Nasıl gezinti çubuğu daraltmak eşik bo...
twitter bootstrap içinde gezinti çubuğ...
Twitter yuvarlak köşeler oluşturmak iç...
Koşullu bir sınıf uygulamak için en iy...
Tek örnek bir uygulama oluşturmak için...