2016-03-02 68 views
0

我正在爲此而苦苦掙扎,並找到了一些辦法,我想我需要藉此爲此藉助css的力量。如果你知道如何,請給我一些技巧。 我有導航欄這個樣子,如何將兩個街區靠得更近

<div class = "header"> 
<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 

     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li> 
     <li><a href="#">Link</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li role="separator" class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
      <li role="separator" class="divider"></li> 
      <li><a href="#">One more separated link</a></li> 
      </ul> 
     </li> 
     </ul> 


    </div><!-- /.navbar-collapse --> 
    </div><!-- /.container-fluid --> 
</nav> 
</div> 

和第二頭

<div class="subheader" style="background:yellow;> 
    <p>you</p> 
</div> 

現在我希望讓他們看起來像一個導航欄的背景顏色劃分使這兩個區塊在一起。我該怎麼做呢?我嘗試設置填充,將邊距設置爲零,但不會起作用

+0

你是否嘗試通過django文檔?他們在那裏很好地解釋了它。 –

+0

是啊我看到擴展塊是擴展「base.html」,但我使用「包含navbar.html」我不能擴展導航欄,因爲在模板中我只允許擴展一個 –

+0

好吧,你的語言有點混亂的問題,只需要清楚你在'navbar.html'中有一些內容,然後將它放在'base.html'中,然後在不同的頁面中使用'base.html'來更改導航欄的內容。我對嗎? –

回答