0 
<div classs="row-fluid">
    <div class="span12" style="background:black; padding:25px 0px;">content content</div>
</div>
<div class="span4 offset2">
    <p>blah blah blah this is a test blah blah blah this is a testblah blah blah this is a test <br />
       blah blah blah this is a testblah blah blah this is a testblah blah blah this is a test</p>
</div>
<div class="span12" style="blue; padding:25px 0px;">content content</div>

当我最小化窗口时

宽度会缩小，但它会向下扩展段落，因此随着窗口最小化它会推动所有内容，如底部的 span12，它会变得更细和更长。我想要

当窗口最小化时不会变长，但可能会变小或其他什么。我尝试从中删除边距和填充，但是当我这样做时，它会将内容保留在底部

从被推倒，但

从字面上看，它仍然在底部 span12 下延伸，并一直在页面底部创建一个边距。谁能告诉我发生了什么事。

FIDDLE： http: //jsfiddle.net/Lucaz5520/ZTgGX/如果您在最小化窗口时查看该段落，它将变得更薄并将其下方的所有内容向下推

4

1 回答 1

0

我不确定你想去哪里，但看看这是否有帮助：http:
//jsfiddle.net/panchroma/RkPED/

1：我已经导入了 Bootstrap 响应式 CSS，

2：将表格宽度更改为<table width="100%".....>不与窄屏幕上的引导网格冲突，并且

3：你的网格 div 在最后一个 span12 附近不太正确，我注意到 jsfiddle 上的变化

希望这可以帮助！

于 2013-05-15T10:58:32.333 回答