CSS Bootstrap 4问题w内联字段

Question

我正在尝试设置我的表单（不是一个CSS英雄......）而且我得到以下输入并不是我想要的：

但是同一组中的所有输入字段都是相同的大小（名称组字段为1/2，每个地址组字段为1/3）

我怎么设置

FirstName 1/3 . LastName 2/3 . ( even with only 2 fields ) 

Address 3/6 .  zipCode  1/6 . City 2/6 . ( even with 3 fields )

有什么诀窍？...感谢您的反馈

Answer 1

您可以使用bootstrap网格系统。要应用1/3和2/3，您必须将css类col-4添加到第一个名称输入，将col-8添加到姓氏输入。

Bootstraps网格系统基于12个列。有关详细信息，请查看文档https://getbootstrap.com/docs/4.0/layout/grid/#setting-one-column-width

与地址相同qazxsw poi zip-code qazxsw poi city qazxsw poi。

Answer 2

解决..使用类：form-control col-n