0

我是具有以下 index.cshtml 的 MVC4 项目:

@{
    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 获得了漂亮的背景颜色。但导航栏将所有 div 放在彼此下方而不是彼此相邻:

Title
  Home
  Link
  Link

这也适用于行。看起来像这样:

Left
Right

有人知道这里发生了什么吗?

4

1 回答 1

2

我认为您必须申请spanDivs。

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

自从我使用 Bootstrap 以来已经有一段时间了,但我只是快速浏览了一下,现在它似乎被称为 col。您可以在此处进一步查看,链接

于 2013-10-14T16:44:52.720 回答