2013-10-14 67 views
0

我用下面的index.cshtml的一個MVC4項目:爲什麼Bootrstrap不把div放在一起?

@{ 
    Layout = null; 
} 
<script src="~/Scripts/jquery-2.0.3.js"></script> 
<script src="~/Scripts/bootstrap.js"></script> 
<link href="~/Content/bootstrap/bootstrap.css" rel="stylesheet" /> 
<link href="~/Content/bootstrap/bootstrap-theme.css" rel="stylesheet" /> 

<div class="well">Hmm..</div> 

<div class="container"> 
    <div class="navbar"> 
     <div class="navbar-inner"> 
     <a class="brand" href="#">Title</a> 
     <ul class="nav"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
     </div> 
    </div> 
</div> 

<div class="row-fluid"> 
    <div class="span8">left</div> 
    <div class="span4">right</div> 
</div> 

輸出似乎工作減半,因爲與井格得到一個漂亮的背景顏色。但導航欄將所有div彼此放在一起,而不是彼此相鄰:

Title 
    Home 
    Link 
    Link 

這也適用於該行。看起來像這樣:

Left 
Right 

有人有線索這裏發生了什麼?

+0

難道你不應該用'〜'來使用url helper還是忽略它? –

回答

2

我認爲你必須申請span爲Divs。

<div class="span4"> 
    <p>Bruce Wayne</p> 
... 
</div> 

這是一段時間,因爲我用引導,但我只是剛剛看了一下,似乎這就是所謂的山坳現在還是這樣。你可以在這裏進一步查看,link

+0

謝謝你指點我正確的方向。我想我正在查看錯誤的文檔。你對'跨度'的使用是正確的。現在您需要使用'col-md- ' – Martijn