2015-03-25 41 views
0

我正在使用代理 - 啓動引導簡單的一個分頁器html主題。主題工作正常。但我去做了一些改變,我增加了一個新的大師形象。標題菜單未在代理中修復 - 啓動引導主題

這是我的代碼。

<body id="page-top" class="index"> 

<div class="navbar-default navbar-fixed-top"> 
<a class="navbar-brand page-scroll" href="#page-top"><img style="height:55px;width:150px;" src="http://unicca.in/images/logo.png"></img></a> 
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 



    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" > 
      <ul class="nav navbar-nav navbar-right " > 
       <li class=""> 
        <a href="#page-top"> Home</a> 
       </li> 
       <li> 
        <a class="page-scroll" href="#services">Corporate</a> 
       </li> 
       <li> 
        <a class="page-scroll" href="#portfolio">Projects</a> 
       </li> 

       <li> 
        <a class="page-scroll" href="#team">Career</a> 
       </li> 
       <li> 
        <a class="page-scroll" href="#tools">Buyer Tools</a> 
       </li> 
       <li> 
        <a class="page-scroll" href="#investor">Investor</a> 
       </li> 

       <li> 
        <a class="page-scroll" href="#contact">Contact</a> 
       </li> 
      </ul> 


     </div> 
     </div> 

請檢查該網站看起來像

mysite

問題: 我想後,我的大形象,標題菜單。但是它通過了這個形象。怎麼做 。我已經嘗試了很多改變一個CSS,但它給了一些其他問題。如何解決它。

我的CSS文件css link

小鬼:如果使用的導航欄,staic頂,而不是導航欄固定頂那麼它下來,但不會擔任固定的菜單。

回答

0

然後更改像固定在滾動使用jQuery這個添加位置您的HTML DIV結構

<div class="my-class"> 
<!--add banner div--> 
<div class="banner"> 
    <img alt="myhome" style="width:100%;height:700px;"  src="http://cdn.freshome.com/wp-content/uploads/2013/08/selling-your-home-exterior-home-color.jpg"> 
</div> 

<!--add nv div--> 
<div class="navbar-default navbar-shrink"><!--remove nav-topbar-fixed div--> 
    <a class="navbar-brand page-scroll" href="#page-top"><img style="height:55px;width:150px;" src="http://unicca.in/images/logo.png"></a> 
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
        <span class="sr-only">Toggle navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 

     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
       <ul class="nav navbar-nav navbar-right "> 
        <li class="active"> 
         <a href="#page-top"> Home</a> 
        </li> 
        <li> 
         <a class="page-scroll" href="#services">Corporate</a> 
        </li> 
        <li> 
         <a class="page-scroll" href="#portfolio">Projects</a> 
        </li> 

        <li> 
         <a class="page-scroll" href="#team">Career</a> 
        </li> 
        <li> 
         <a class="page-scroll" href="#tools">Buyer Tools</a> 
        </li> 
        <li> 
         <a class="page-scroll" href="#investor">Investor</a> 
        </li> 

        <li> 
         <a class="page-scroll" href="#contact">Contact</a> 
        </li> 
       </ul> 


      </div> 
      </div> 

</div> 

CSS:固定

.navbar-default .navbar-collapse{ 
    position: fixed; /**remove**/ 
} 
+0

其中?在CSS文件? – Nayana 2015-03-25 09:28:04

+0

in your agency.css line no 189 – 2015-03-25 09:29:17

+0

no。它不工作。它只是通過那張圖片而來 – Nayana 2015-03-25 09:35:22

0

Nayana刪除位置,你的意思是菜單會一直顯示在瀏覽器底部,對吧?如果可以,請嘗試編輯agency.css並將.navbar-fixed-top{top:0px}更改爲.navbar-fixed-top{bottom:0px}