我正在尝试找出一种在不破解网格的情况下利用网格的好方法。
我想要做的是small-4
顶行中的三个宽网格(也就是每个网格),然后是第二行,我希望列匹配但只有两个small-4
元素。
通常,答案是先做一个small-4
,然后做一个,small-8
但因为输入设置width: 100%
为此对我不起作用。
有什么开箱即用的方法吗?我知道偏移量,但这仅适用于设置为向右移动的项目。
目前有两个small-4
div,右 div 向右浮动,这意味着它与上面的不对齐。我可以添加一个额外的small-4
,但我想遵循这方面的最佳实践。
这是我的代码,因此您可以了解我的意思:
<div class="row">
<div class="small-4 columns">
<input type="text" />
</div>
<div class="small-4 columns">
<input type="text" />
</div>
<div class="small-4 columns">
<input type="text" />
</div>
</div>
<div class="row">
<div class="small-4 columns">
<input type="text" />
</div>
<div class="small-4 columns">
<input type="text" />
</div>
</div>