为什么我的Bootstrap CSS divs不能很好地堆叠？

我在Bootstrap上遇到了麻烦，有些人在这里似乎知道。我已经根据基本的“行”类网格约定设置了以下两个div，但是当我缩小浏览器屏幕的大小时，它们并不像预期的那样堆叠。他们只是保持固定。为什么我的Bootstrap CSS divs不能很好地堆叠？

更新：

引导成为敏感，当我联系到引导-responsive.css文件，如下建议。

但是，这些方框超出了我预期和设置的最大网格尺寸（即原始安装中默认的940像素，我再次用LESS编译时再次确认）。而且，它实际上超出了浏览器窗口的极右范围。截图来自Chrome浏览器（17.0.963.56）（更多标记的开发人员工具可见截图）：

http://static.inky.ws/image/1457/image.jpg

出现这种情况有和没有列入：

也许我用引导以错误的方式，但我希望它对选定的div（分类为“row”，“spanX”等）做出响应，但要停止在我选择的最大网格宽度，并且至少要在很远的程度上停止窗户！再次

感谢您的时间，马特

HTML：

<div class="row-fluid"><!-- Intro begin --> 
    <div class="span6"> 
     <p style="font-size: 18px;"> 
      <strong><span style="font-size: 20px;">Mingo makes it easy to share food with other people in your area.</span></strong> 
     </p> 
    </div> 

    <div class="span6"> 
     <!--<img src="{{STATIC_URL}}images/pics/how_it_works.png" width="350px" style="margin-right: 20px;" />--> 
     <div style="background-color: #E7F5DF; height: 250px; padding: 8px; border-radius: 8px;"> 
      <ul class="nav nav-pills" style="float: right;"> 
       <li class="active"><a href="#">How it works</a></li> 
       <li><a href="#">Save time, save money</a></li> 
      </ul> 
      <div style="width: 99.5%; height: 87.5%; background-color: #c6e3b6; margin: 9.5% 0 0; border-radius: 8px; moz-border-radius: 8px;"> 
      </div> 
     </div> 
    </div> 
</div><!-- Intro end -->

来源

2012-03-07 KindOfGuy

你是什么意思“堆栈”？你想让div并排显示吗？ – 2012-03-07 00:47:07

我的意思是像他们在网站上的例子：http：//twitter.github.com/bootstrap/scaffolding.html默认网格系统下。当窗户大小适中时，它们也不会增长。 – KindOfGuy 2012-03-07 01:12:41

然后，它表示你的意思是并排，而不是堆积。堆叠意味着一个在另一个之上。这对我来说很好。你是否重新检查了包含的文件？ – 2012-03-07 01:25:08

也许你只包括bootstrap.css样式表，而不是bootstrap-responsive.css样式表？

如果是这样，请尝试包括两者。

随着你的HTML标记和两个CSS文件，它似乎工作：http://jsfiddle.net/TimPetricola/KFnxs/

来源

2012-03-07 00:39:05 TimPetricola

这应该可以做到。 – 2012-03-07 10:25:47

是的，谢谢，它允许它堆叠起来，但在编辑时将上面描述的其他问题带到了我的原始问题中。 – KindOfGuy 2012-03-07 18:15:28

不要忘了包括

<meta name="viewport" content="width=device-width, initial-scale=1.0">

在你的HTML头

，否则移动浏览器缩小而不是改变适合屏幕宽度的布局。

来源

2012-03-07 04:17:46

我做到了，但它似乎没有改变任何东西。不过谢谢。 – KindOfGuy 2012-03-07 18:15:41

为什么我的Bootstrap CSS divs不能很好地堆叠？

回答

相关问题