0
我用引導程序在一個非常簡單的網站上做出響應式設計http://www.auto-moto-klub.cz/我花了幾個小時嘗試基於屏幕尺寸粗暴地實現此類行爲(像素範圍僅僅是示例,並非必要要準確這些):Bootstrap 6 - 4 - 2 - 1列
<= 300px .. 1 column
>= 301px & <= 600px .. 2 columns
>= 601px & <= 1024 .. 4 columns
>= 1024px .. 6 columns
目前,它的工作原理與類= 「COL-SM-2」 是這樣的:
<= 767px .. 1 column .. TOO BIG around 300-767px, LOOKS CRAZY
>= 768px .. 6 colums .. TOO SMALL around 768-1024px
我試過類=「COL-XS-1 COL-SM- 2 col-md-4 col-lg-6「..我認爲這意味着在額外的小屏幕上它將有1列,在小2,在中等4和大6.但我可能根本不理解它,因爲它使得奇怪的事情:
>= 1200px .. 2 columns
<= 1199px & >= 992px .. 3 columns
<= 991px & >= 768px .. 6 columns
<= 767px .. 6 columns somehow broken placed on the left
請幫助。提前感謝您的任何建議。
非常感謝你,現在它很好用:-) – Pavel