SORU
6 ŞUBAT 2013, ÇARŞAMBA


Bootstrap css gizler gezinti çubuğu-sabit-üst gezinti çubuğu aşağıda kabın bölümü

Bootstrap ve ben küçük bir sorun ile karşı karşıya olan bir proje yapıyorum .Nav-üst altında bir kap var.Benim sorun benim kapsayıcı bir kısmını nav-üst başlığın altında gizli olmasıdır.Ben konteyner ile üst kenar boşluğu kullanmak istiyor. Pls sorunla karşı karşıya im html aşağıya bakınız

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link rel="stylesheet" href="~/stylesheets/bootstrap.css"/>
<link rel="stylesheet" href="~/stylesheets/bootstrap-responsive.css"/>

</head>
<body>
    <div class="navbar navbar-fixed-top ">
        <div class="navbar-inner">
            <div class="container">
           <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar collapsed" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
                <div class="nav-collapse"><ul class="nav" id="navbar"><li ng-class="{active:section=='plunks'}" class="active"><a href="/plunks/trending"><i class="icon-home"></i>Home</a></li><li><a target="_self" href="/edit/"><i class="icon-calendar"></i>General Election 2014</a></li><li class="divider-vertical">
                    </li><li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
                        <i class="icon-eye-open">
                        </i>Assembly Elections
                        <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                                <li><a href="#/HTML5Apps">Assembly Elections 2013</a></li>
                        </ul>
                         </li><li class="divider-vertical">
                    </li><li ng-class="{active:section=='tags'}"><a href="/tags"><i class="icon-th"></i>Constituecy</a></li><li ng-class="{active:section=='discuss'}"><a href="/discuss"><i class="icon-time"></i>Election News</a></li><li class="divider-vertical"></li><li><a href="https://github.com/filearts/plunker"><i class="icon-bell"></i>Candidate</a></li></ul></div>
             </div>
         </div>
    </div>
  <div  class="container" >
   <ul class="nav nav-pills">
    <li class="active">
    <a href="#">Popular</a>
    </li>
    <li><a href="#">Trending</a></li>
    <li><a href="#">Latest</a></li>
    </ul>
   </div>

    <script src="~/Scripts/jquery.js"></script>
    <script src="~/Scripts/bootstrap-dropdown.js"></script>
    <script src="~/Scripts/Collapse.js"></script>
</body>
</html>

CEVAP
6 ŞUBAT 2013, ÇARŞAMBA


Bu <body> üst padding bazı ekleyerek ele alınır.

Bootstrap's documentation on .navbar-fixed-top başı olarakkendi değerlerini denemek ya da bizim parçacığının kullanın.İpucu: varsayılan olarak, navbar 50px yüksek.

  body {
    padding-top: 70px;
  }

Ayrıca, this example için kaynak bir göz atın ve starter-template.css açın.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Paste Magazine

    Paste Magazi

    28 AĞUSTOS 2008
  • POGProductionz

    POGProductio

    27 NİSAN 2012
  • UrAvgConsumer

    UrAvgConsume

    1 Ocak 2012