SORU
12 ŞUBAT 2012, Pazar


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 btnler.

Sonuç olarak şöyle birşey:

default without hover

Ve üzerinde süpürdü zaman, gibi gelir:

hovered

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
12 ŞUBAT 2012, Pazar


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ı:

Buttons added to the navbar.

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.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Arun Kumar

    Arun Kumar

    18 Mart 2010
  • Dylan Dubay

    Dylan Dubay

    10 Temmuz 2013
  • TopOfTheTech

    TopOfTheTech

    5 NİSAN 2010