在引导程序行内包装div-不是网格项?

时间:2018-10-22 08:26:01

标签: html css twitter-bootstrap bootstrap-4

是否可以将div包裹在一行中?我知道这是可能的,但我只是想知道这是否是一个不好的做法。我在行内没有使用任何col-md类。

请参见下面的示例。

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="date" type="datetime-local" value="2018-06-12T19:30" />
<div id="table-container"></div>

3 个答案:

答案 0 :(得分:0)

Your question is the same as asking can I have a div wrapping another div? The class row is just a bootstrap class with some css rules. Nothing more nothing less.

You will need to do this so many times. You will mix divs with classes from different libraries, with custom classes that you will have created and with so many different types of elements.

There isn't a question of good practice or bad practice. If you need some bootstrap functionality that already exists from a class, it's a good practice to use the existing functionality. If not then do whatever you want.

答案 1 :(得分:0)

这是一个不好的做法,因为.row仅包含Bootstrap docs中专门说明的网格col* ...

  

行是列的包装。每列都有水平填充   (称为装订线)以控制它们之间的空间。这个填充   然后在具有负边距的行上抵消。.在网格中   布局,必须将内容放置在列中,并且只能将列   行的直接子代

http://getbootstrap.com/docs/4.1/layout/grid/#how-it-works

答案 2 :(得分:0)

可以做到这一点,但问题是为什么要这么做? row类所做的全部就是添加负边距和必要的flex属性以使列网格正常工作,因为您不需要列网格,是否需要负边距?如果不是,则不要添加row类。将非列网格类作为row的子类不会破坏您的网站,但是请务必记住,由于它增加了负的边距,它可能会导致一些不良的设计错误。

您可以了解有关Bootstrap列网格here的更多信息。