Question

我正在使用这种结构但是

diff(df$Time1)    # difference between x+1 & x position
# -1  0  1
# [5 - 6] [5- 5] [6 -5]

c(TRUE, diff(df$Time1))  # concatenates TRUE to front of numerical vector
# TRUE -1 0 1

c(TRUE, diff(df$Time1)) == 0
# FALSE FALSE TRUE FALSE

!c(TRUE, diff(df$Time1)) == 0   # negate logical
# TRUE TRUE FALSE TRUE

df[!c(TRUE, diff(df$Time1)) == 0, ] # subset rows that are true

由于某些原因，它具有尽可能多的填充，以及＃34;匹配＆＃34;水平行中的下一个div。例如，如果第一个div是文本，那么第二个是文本，第三个是图像......前两个div＆＃34; grow＆＃34;成为第三个的大小。我想用这个Bootstrap 4它应该是灵活的吗？感谢。

Answer 1

Bootstrap 4利用flexbox（display：flex）进行很多布局，包括它的卡片。这就是所有卡片按照它的兄弟姐妹成长的原因。您可以在此处了解有关flexbox的更多信息：

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

和

https://demos.scotch.io/visual-guide-to-css3-flexbox-flexbox-playground/demos/

Answer 2

你正在使用col-sm-4，这将使所有列的大小相同，这可能是你所指的前两个div增长。如果你的意思是其他的话，我会研究一下Bootstrap 4如何与flexbox一起工作，这也可以帮助你理解列在Bootstrap 4中的作用

Answer 3

有时图像可以推出div。将图片的样式设置为splitstackshape::cSplit，看看是否有任何区别

Answer 4

好的，这很有用。感谢上面的每个人的帮助，我从中获取了很多东西来得到答案。事实证明，如果我正确地阅读这个，那么flex本身就不会允许三个列缩小div＆＃34;因此，一个div可能比其他div大，但它们都围绕其内容缩小到各自的大小。所以我用了砌体。我只是在我的头部分中包含.js作为脚本参考，然后添加了下面的内容。如果你没有使用.NET（意味着你正在使用PHP），只需删除itemtemplate和repeater的东西......代码对你来说是一样的。

 <div class="row" style="display:flex;" data-masonry='{ "gutter": 0, "itemSelector": ".col-4" }'>

 <asp:repeater id="ItemsList" runat="server">

             <div class="card">

Bootstrap 4 div填充问题

4 个答案: