Bootrap偏移xs和可見xs不按預期工作

我正在使用Bootstrap 3來設計它的網站上工作。我遇到了網格系統無法按預期工作的情況。Bootrap偏移xs和可見xs不按預期工作

enter image description here

我試圖以適應HTML5的標誌在那裏我有類設置爲visible-xs-6col-xs-offset-3的最後一行。根據我的說法，這應該創建三個部分，其中第一部分應該是3列的偏移量，如圖像中所示，這些部分顯示得很好，但在此之後，我相信HTML5徽標應位於中間部分的某處，並且此後另有3欄。這不合邏輯嗎？但由於某種原因，第二部分佔用了偏移後的整行。我究竟做錯了什麼？

來源

2014-09-20 Rohan

你的代碼截圖並不真的幫助我們調試它。請張貼一些實際的代碼，最好這樣我們可以重現這個問題。 – 2014-09-20 10:36:00

哦，我很抱歉。我剛剛意識到截圖在PC上並不是很有用。在Android設備上，它開放得很好。我找到了解決我的問題的方法。不管怎麼說，還是要謝謝你！ :) – Rohan 2014-09-20 16:10:21

我不相信visible-xs-*類用於設置列數，只有display:*屬性。唯一的選擇是block,inline和inline-block。所以你的班級應該是...

class="col-xs-6 col-xs-offset-3 visible-xs-block"

來源

2014-09-20 15:48:14 Schmalzy

[檢查此]（http://getbootstrap.com/css/#responsive-utilities）我認爲他們可以用於列寬。看一下這個。 – Rohan 2014-09-20 15:53:36

@Rohan好的......你真的讀過了嗎？它們只用於「display：」屬性，而不是列寬。 – Schmalzy 2014-09-20 15:56:30

哦，我現在明白了，*是針對下面給出的選項。我推測*是針對列數。非常感謝。它現在非常有意義。 :) – Rohan 2014-09-20 16:04:14

我犯了一個愚蠢的錯誤。我忘了包裝在<div class="row">列。此外，我使用了.hidden-sm .hidden-md和.hidden-lg類，以確保更好。

另外我又犯了另一個愚蠢的錯誤，假設visible-xs-*中的*表示列數而不是響應實用程序中給出的選項。

如果任何人有類似的問題，請看一看Bootstrap's responsive utilities

無論如何謝謝你的人誰試圖幫助。我會接受這個作爲解決問題的答案。

來源

2014-09-20 15:59:41 Rohan

Bootrap偏移xs和可見xs不按預期工作

回答

相關問題