Html 嵌套引导srap网格填充问题_Html_Css_Twitter Bootstrap_Bootstrap Grid

Html 嵌套引导srap网格填充问题

html css twitter-bootstrap

Html 嵌套引导srap网格填充问题,html,css,twitter-bootstrap,bootstrap-grid,Html,Css,Twitter Bootstrap,Bootstrap Grid,我无法从自定义嵌套网格中获得相等的填充在下面的代码片段中，我向您展示了所需的网格。我无法在所有盒子之间添加小间隙，比如说5px。问题是，如果更改自定义填充，则无法将框3和框4的合并高度保持为框1/2的高度。有人能提出一个好的解决方案吗 .盒子{ 边界半径：20px；边框：2×000；高度：100px；垂直对齐：中间对齐；文本对齐：居中；线高：100px； } .box2{ 边界半径：20px；边框：2×000；高度：50px；垂直对齐：中间对齐；文本对齐：居中；线高：50

我无法从自定义嵌套网格中获得相等的填充

在下面的代码片段中，我向您展示了所需的网格。我无法在所有盒子之间添加小间隙，比如说5px。问题是，如果更改自定义填充，则无法将框3和框4的合并高度保持为框1/2的高度。有人能提出一个好的解决方案吗

.盒子{ 边界半径：20px；边框：2×000；高度：100px；垂直对齐：中间对齐；文本对齐：居中；线高：100px； } .box2{ 边界半径：20px；边框：2×000；高度：50px；垂直对齐：中间对齐；文本对齐：居中；线高：50px； } .自定义填充{ 填充：0px！重要； } 1. 2. 3. 4.

您使用的是BS3，而类行不包括display:flex作为BS4

所以我只是在第一个div class=行中添加style=display:flex，并且我还向类自定义填充添加了marginauto

在每个地方使用空格演示： .盒子{ 边界半径：20px；边框：2×000；高度：100px；垂直对齐：中间对齐；文本对齐：居中；线高：100px； } .box2{ 边界半径：20px；边框：2×000；高度：50px；垂直对齐：中间对齐；文本对齐：居中；线高：50px； } .自定义填充{ 填充：0px！重要； } 1. 2. 3. 4.

您使用的是BS3，而类行不包括display:flex作为BS4

所以我只是在第一个div class=行中添加style=display:flex，并且我还向类自定义填充添加了marginauto

这可以通过对代码进行一些更改来完成。基本上，我已经为你的div创建了一个内部部分。创造了彼此分离的幻觉，但实际上它们周围有一个白色的边框，而内部的div有一个黑色的边框

.盒子{ 高度：100px；垂直对齐：中间对齐；文本对齐：居中；线高：100px；边框：5px实心fff； } .box2{ 高度：50px；垂直对齐：中间对齐；文本对齐：居中；线高：50px；位置：相对位置；边框：5px实心fff； } .自定义填充{ 填充：5px！重要； } .内部{ 边框：2×000；边界半径：20px；位置：绝对位置；宽度：100%；身高：100%；顶部：0px；左：0px； } 1. 2. 3. 4.

我做到了。你的答案中的问题是3和4之间没有差距。我希望1和2之间的相同间距在3和4之间编辑@DadyByte是您所期望的？我希望所有框之间的间距相等。我无法在本节中消除1和2中存在的3和4之间的差距answer@DadyByte但是你想让3号和4号紧靠在一起还是像你发布的那样？现在你有了1-2-3&4之间的相等空间是的，我想要3-4之间的空间等于方框1&2中的间隙。我可以用3和4的高度来做同样的事情，我做到了。你的答案中的问题是3和4之间没有差距。我希望1和2之间的相同间距在3和4之间编辑@DadyByte是您所期望的？我希望所有框之间的间距相等。我无法在本节中消除1和2中存在的3和4之间的差距answer@DadyByte但是你想让3号和4号紧靠在一起还是像你发布的那样？现在你有了1-2-3&4之间的相等空间是的，我想要3-4之间的空间等于方框1&2中的间隙。我可以折衷3和4的高度来做同样的事情。当添加位置为绝对时，我的框会消失，因为我使用了缩放动画和所有缩略图。我在缩放效果中使用了以下代码：当添加位置为绝对时，我的框会消失，因为我使用了缩放动画和所有缩略图。我使用以下代码实现缩放效果：