为什么在引导中,当我最小化窗口时,我的< >不断变长,并把下面的所有内容都往下推


<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)往下推。我希望

不会随着窗口最小化而变长,但可能更小或其他东西。我试着从它移除边距和填充,但是当我这样做的时候,它会保持

底部的内容不被下推,但是

实际上仍然在底部span下延伸,并在页面底部创建了一个边距。谁能告诉我发生了什么事?

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

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

1:我导入了Bootstrap响应式CSS,

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

3:你的网格div在最后一个span周围不是很正确,我已经注意到jsfiddle

的变化

希望这对你有帮助!

相关内容

最新更新