0

我正在使用引导响应较少的文件。我有这样的布局：

<body>
<div id="wrapper">
  <div id="container" class="container">
    <div id="header"></div>
    <div id="contentwrap" class="row">
      <div id="content" class="span8">
        <!-- some content -->
      </div>
      <div id="sidebar" class="span4">
        <!-- sidebar content -->
      </div>
    <div>
  </div>
</div>
</body>

如果我对 contentwrap div 使用行类，那么 contentwrap div 会在左侧溢出（宽度为 1200 像素，而容器 div 的宽度为 1170 像素）。如果我对 contentwrap div 使用 row-fluid 类，则侧边栏不会显示在侧面，而是显示在内容 div 下方。

html有什么问题吗？我是否正确使用引导脚手架？

4

1 回答 1

0

尝试将row和span*类与其他类和 id 分开。

<body>
<div id="wrapper">
  <div id="container" class="container">
    <div id="header"></div>
    <div id="contentwrap">
      <div class="row">
        <div class="span8">
          <div id="content">
             <!-- some content -->
          </div>
        </div>
        <div class="span4">
           <div id="sidebar">
             <!-- sidebar content -->
           </div>
        </div>
      </div>
    <div>
  </div>
</div>
</body>
于 2013-04-09T16:33:31.110 回答