Html 使用Bootstrap3均匀排列(3)行(5)个文本输入

Html 使用Bootstrap3均匀排列(3)行(5)个文本输入,html,twitter-bootstrap,css,twitter-bootstrap-3,Html,Twitter Bootstrap,Css,Twitter Bootstrap 3,我的目标是在Bootstrap的列中安排3行5个文本输入。每个文本输入的最大宽度应为5个字符(size文本输入的属性) 这是我现在拥有的。请同时检查代码段的完整页面视图 。输入{ 边框:1px纯红; } .东西{ 边框:1px纯蓝色; } .集装箱{ 边缘顶部:100px; } A. B C D E 使用bootstrap的内置推送类是可能的。您可以根据需要在我的示例中调整较小的列大小。但我相信通过设置更多的列大小和推送,这就是您想要实现的 。输入{ 边框:1px纯红; } .东西{ 边框

我的目标是在Bootstrap的列中安排3行5个文本输入。每个文本输入的最大宽度应为5个字符(
size
文本输入的属性)

这是我现在拥有的。请同时检查代码段的完整页面视图

。输入{
边框:1px纯红;
}
.东西{
边框:1px纯蓝色;
}
.集装箱{
边缘顶部:100px;
}

A.
B
C
D
E

使用bootstrap的内置推送类是可能的。您可以根据需要在我的示例中调整较小的列大小。但我相信通过设置更多的列大小和推送,这就是您想要实现的

。输入{
边框:1px纯红;
}
.东西{
边框:1px纯蓝色;
}
.集装箱{
边缘顶部:100px;
}

A.
B
C
D
E

不要使用col-xs-2和col-md-2,而是创建一个宽度为20%的自定义css类,以及通常位于col-*上的其他默认样式。谢谢,这是一个很好的解决方案。你认为通过bootstrap3的网格系统可以做到这一点吗?不是开箱即用的,你必须使用一点自定义CSS来获得5个没有任何偏移的偶数列。