2017-05-07 239 views
0

嗨,大家好,我正面臨bootstrap和一個div元素的問題,這個問題會在大屏幕上出現一次奇怪的行爲。 這裏是我們的目標結果我想要實現: enter image description hereBootstrap responsive div

這裏是結果我得到當我使屏幕更大: enter image description here

最後這裏是我的引導代碼: enter image description here

如果有人能弄清楚爲什麼我會得到這種奇怪的行爲,我會確保解釋。在此先感謝最終的結果,我想實現的是以下之一: enter image description here

+0

嘗試包括在代碼中,一旦'COL-lg'類。 –

+0

而不是發佈代碼圖片,您應該直接發佈代碼 –

+0

我用「hidden-xs hidden-sm」取代了「visible-md」,它的作用是「visible-lg」屬性不起作用,謝謝幫幫我。如果你對如何完成這個bootstrap設計有更多的建議,我會非常棒! –

回答

0

自舉電網系統可以讓您使用多個網格選項,以不同的屏幕尺寸,
使用col-lg-*針對大屏幕,它會工作爲你。

你可以閱讀更多關於bootstrap grid system