2014-06-21 95 views
0

我有一些問題,引導3引導3問題

在我的頭我現在有兩列,均與A柱寬度6.我想在這兩列之間添加一列。 但是,如果我將列更改爲4並在它們之間添加4列,它們將出現在不同的行上。以下不是在bootstrap 3中連續放置3列的正確方法嗎?

<div class="row"> 
    <div class="col-md-4"> 
     // Content here 
    </div> 
    <div class="col-md-4"> 
     // Content here 
    </div> 
    <div class="col-md-4"> 
     // Content here 
    </div> 
</div> 

你是一個鏈接到網站,我有問題。問題是在我的頭在我的標誌是

http://www.sevecu.dk/juni14/

更新:它可以在Chrome和Safari,但不能在Firefox和瀏覽器

enter image description here

+0

這看起來對我來說是正確的。我唯一的建議是將 添加到他們看看是否有助於給他們一些空間。我基於瀏覽器在這個和那個地方遇到了這個問題。 –

+0

由於您使用的是「md」列值,因此我應該詢問您正在運行的瀏覽器分辨率。我也在Chrome中檢查了這一點,並且我得到了與我在FireFox中不同的渲染。 –

+0

這應該工作得很好...並在firefox中看起來很好30 –

回答

0

我能重現此打開它在IE中。你的三列安裝正確。

即使您通過調試器刪除徽標節點,您會注意到的是,三者之一始終位於右上角。這導致我相信它上面的事情是不一致的。

具體而言,它似乎是由以下中template.css引起:

p { 
    margin: 0 0 10px; 
} 

這是推白行中所定義的區域下方的.customphone。

要解決這個問題,一個辦法是做:

p { 
    margin: 0; 
} 

或很可能將其更改爲.customphone p或創建自己的類,所以你不影響所有p

這解決了問題給我。

+0

謝謝,工作! :d – user3763209