CSS Bootstrap 4问题w内联字段

时间:2018-03-02 10:42:29

标签: css bootstrap-4

我正在尝试设置我的表单(不是CSS英雄......)而且我得到以下输入并不是我想要的:

User registration Form

但是同一组中的所有输入字段都是相同的大小(名称组字段为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 )

诀窍是什么?...感谢您的反馈

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

与地址col-6邮政编码col-2城市col-4相同。