0

Ok so I have a basic bootstrap layout

<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>

as I minimize the window the <p> will shrink in width but it will extend the paragraph down so it gets thinner and longer as the window minimizes it pushes ALL the content like the span12 at the bottom down. I want the <p> to NOT get longer as the window minimizes but maybe smaller or something. I tried removing the margin and padding from it but when I do that it will keep the content in the bottom of the <p> from being pushed down but the <p> literally still extends under the bottom span12 and creates a margin all the way at the bottom of the page. Can anyone tell me whats going on please.

UPDATE:

Here is my fiddle: http://jsfiddle.net/Lucaz5520/ZTgGX/ if you look at the paragraph as you minimize the window it will get thinner and push all the content below it down

4

1 回答 1

0

好的，这是我的小提琴，因为您将窗口一直最小化到段落延伸并将所有内容向下推。

[enter link description here][1]


  [1]: http://jsfiddle.net/CrqqF/

这该死的东西没有正确发布，它说我需要用“代码”附上我的链接，我做到了，但它不会让我发布。无论如何，只需复制该链接

我的问题也会更新

于 2013-05-15T02:05:56.277 回答