2013-05-02 98 views
0

在Bootstrap模板上工作時,我希望大網格保持span4的正確順序,然後span8 ...我希望它們反轉到span8,然後span4當屏幕大小是在768以下。我不想在這上面使用js ...所以我想知道是否有辦法,以及如何將跨越時間漂浮在768之下。或者也許有更好的方法。Bootstrap交換網格跨度

<div class="row"> 
    <div class="span4">Hello</div> 
    <div class="span8">World</div> 
</div 

screen width greater than 768 displays Hello World 
screen width less than or equal to 768 displays World Hello 

回答

1

添加一類的「正確」的span8,然後設置媒體查詢浮動:權當小於768

+0

這是行不通的。我不認爲你明白這個問題,我會畫出來。 – Jeffrey 2013-05-02 20:18:20

+0

向span4添加'right'類?默認情況下,這些是float:left。所以,如果你將第一個浮動(span4),它應該在右側。然後它會說,世界你好。如果這不起作用,也許做一個jsFiddle。 – 2013-05-02 20:51:16

+0

http://jsfiddle.net/MgcDU/3804/ – Jeffrey 2013-05-02 21:23:26