2016-06-29 126 views
-1

我試圖與在它之下這是正當的權利,像這樣的鏈接全長導航欄標誌:全寬導航欄標識引導

enter image description here

如果可能的話,我想彩虹線延伸左邊和右邊,實際的標誌有點居中/固定。不過我真的吸在CSS(我甚至不能正確調整大小),以及它出來不是全長和覆蓋網頁的這樣的休息:

enter image description here

_layout:

<div class="navbar navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header navbar-brand"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
     </div> 

Site.css:

.navbar-brand { 
    height: 120px; 
    margin: auto; 
    width: 100%; 
    padding: 0px; /* firefox bug fix */ 
    background-image: url('Site/Header_FeinTune-logo-banner.png'); 
    background-repeat: no-repeat; 
} 
+0

你可以用這個啓動我做了嘗試:http://codepen.io/ruchiccio/pen/PzpMWB –

回答

2
Please write navbar-brand like this inside of navbar-header 
<div class="container-fluid"> 
<div class="navbar-header"> 
      <a class="navbar-brand" href="#"></a> 
     </div> 
</div> 
+0

我相信''必須是導航欄,上面的標題 –

1

嘗試使用容器流體而不是容器。這將設置全屏幕寬度。

<div class="navbar navbar-fixed-top"> 
    <div class="container-fluid"> 
    ...