2015-06-13 71 views
-2

在我的主頁https://balmainmassage.com.au我在左邊的col-sm-6類和右邊的同一個類中有一個響應式圖像。再往下看,我在類col-sm-5 div中有兩個長影像(fw.png和supertuesday.png)。它是col-sm-5,因爲col-sm-6會讓這兩個img在figh480tjpg圖像下移動到左邊。所以這兩個長圖像比他們應該短。有什麼建議?爲什麼我不能有兩個col-sm-6並排?

非常感謝

克勞迪奧

+0

我完全不理解你的問題。 –

+0

你總是必須嵌套引導程序的網格,比如'.container',然後是'.row',然後是'col- *'類之一。我認爲你沒有'.row'類,並且在'.col- *'類內嵌入'.col- *' – ckuijjer

+0

你不應該添加你自己的網站作爲例子。將來,網站會發生變化,沒有人會理解你的問題,這個問題不會有用。看看:http://www.bootply.com/ – Zanon

回答

0

這真的很難解釋必要的修改,以解決您得到了什麼。正如其他人所說的,Bootstrap的工作方式是將行嵌套在列中。您不能直接在另一列中嵌套列,並期望其行爲正確。您需要先聲明另一行。然而,在我看網站的時候,你的方式並不是你的問題。

基本上你最想要的是兩欄,左欄是戰鬥畫面,右欄是所有的按鈕和其他東西。因此,你需要改變你的元素,看起來如下:

new html

我不想在這裏使用的圖片,因爲它不是搜索引擎友好的,但真正的變化太複雜,沒有任何基本代碼編輯(我必須在Chrome DevTools中完成)。

這可以讓你這樣的結果:

final result

正如其他人所指出的,我絕對不會用在列利潤,除非你真的知道自己在做什麼。你應該真的讓Bootstrap處理網格。

+0

感謝Rob W,我沿着你所建議的方向修改了代碼 - 更清潔並且工作正常。 – user2814192

相關問題