我正在使用 Zurb Foundation 4.3 并且无法围绕 Zurb 的小型和大型列类。在下面的代码示例中,仅对列使用大类,当 UI 宽度发生变化时,第二列将重新定位到第一列下方。这很好,因为它保持 UI 内容干净
<div class="row">
<div class="large-8 columns rounded">
Bubbles
</div>
<div class="large-4 columns rounded">
Yadda Yadda Yadda
</div>
</div>
但是,如果我在列中添加小类,则第二列不会重新定位,从而导致 UI 混乱。
<div class="row">
<div class="small-4 large-8 columns rounded">
Bubbles
</div>
<div class="small-8 large-4 columns rounded">
Yadda Yadda Yadda
</div>
</div>
我喜欢能够在整个页面更改宽度时更改内容的列宽的能力。但是,当我将页面从宽拖到窄时,如果我使用小类,内容不会重新定位。我错过了什么?谢谢。