引導col-xs-6不給我一個2列布局

我不確定什麼似乎是我的代碼的問題...我相信這是正確的，但由於某種原因，我無法得到col-xs-6給我2列...當我的網獲取到他們的行爲，就好像我是用col-xs-12，所有堆疊在彼此的頂部即破發點...這是我的div看起來像引導col-xs-6不給我一個2列布局

<div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">

他們都行爲如預期，除了col-xs-6，我期望會給我一個兩列布局...

這是我正在開發的網站的鏈接：http://cbshuttle.staging.wpengine.com/

我想麻煩拍攝的部分是酒店標誌底部附近，我想在2列時，該網站獲得的XS突破點...任何有識之士將不勝感激

謝謝！

2016-12-07 Tom A

我剛剛在Chrome的Windows 10上試過，我正確地看到兩列，當我讓我的瀏覽器非常小。 –

是的，我不得不手動添加到引導CSS的鏈接，以使其行爲如預期...我沒有意識到Avada主題集成bootstrap不是標準bootstrap css他們的bootstrap集成不完全功能只是部分。 ..但添加鏈接到真正的引導CSS後它開始工作！ –

您使用的Avada主題有意修改Bootstrap以消除「超小」屏幕尺寸。儘管Bootstrap將0-767像素視爲較小，768-991像素較小，但Avada會將992px以下的所有尺寸視爲「較小」，並使用「col-sm- *」佈局。

如果我將Avada style.min.css樣式表替換爲bootstrap.css的實際版本，我會像預期的那樣得到雙列布局，尺寸較小。

2016-12-07 03:30:31

感謝您的反饋...仍然試圖找出與avada主題的所有怪癖...我會給它一個鏡頭！ –

回答