Bootstrap4我在做什么错?

时间:2019-07-09 16:28:03

标签: css asp.net-mvc twitter-bootstrap

我正在为我希望在移动设备上响应的MVC网站构建应用程序页面。

问题在于,在某个部分中,我似乎获得了更多的利润。...

这是我目前拥有的...

enter image description here

它来自以下HTML。...

enter image description here

这两个输入应该排在同一行,我不知所措地说明了为什么这不起作用...

谢谢。

1 个答案:

答案 0 :(得分:1)

首先,自从使用Bootstrap多年以来。您永远都不要将类放在列中。这会弄乱Bootstrap网格CSS属性和样式,从而导致类似情况的发生。

最好执行以下操作:

<div class="col-sm-4">
    <div class="form-group">
    </div>
</div>

第二,我注意到您是在嵌套列,而没有将嵌套的列包装在另一行中。

<div class="row">之后添加col-md-10,然后重试。