问题标签 [bootstrap-grid]

你如何在 Bootstrap 4 中创建奇怪的网格？例如，

最左边的列跨越两行，右边的两行各有 3 个列

我知道这个问题已经被问过无数次了，我已经看过了。好的，我目前正在做一个网站，只是为了个人练习，并从做布局开始。它上面有 Boostrap 网格系统，我们正在查看的特定区域有两个 col-md-3 和一个 col-md-6，我们正在查看 col-md-6。

基本上，我假装为举办派对和活动等的企业创建一个网站，您可以通过 ID 和类的名称清楚地看出这一点。

正如我们从屏幕截图中看到的那样，当我调整窗口大小时，较大的#Events div 中的#h1、#EventParagraph 和.event 都会在我调整页面大小时移动和混乱。

我正在尝试实现两件事中的任何一项，严格用于桌面视图并且根本没有移动，或者使其与移动设备和平板电脑兼容，并让移动和调整大小反映这些变化。我想要两者的代码解决方案。

以下是图像结果：

这是它最初的样子

然后这就是我按下浏览器上的还原按钮时发生的事情 然后这就是我进一步缩小浏览器时的结果

这是当前代码。

CSS

HTML

我怎样才能在一行和两列内制作一个引导网格。第一列大小为 9 col-md-9 和第二列大小为 3 col-md-3，无论内容在列内多长时间，行和列都会很好并且它们之间有边界。我该怎么做？它应该如下所示：

不像这样：

这是一个jsfiddle

我开始使用引导网格并试图准备好这个布局。[！[在此处输入图像描述][1]][1]

我对如何将三个主要列分成单独的部分有点困惑，这样我就可以如图所示放置相应的文本/图像

我开始创建一个基本布局，但我无法将其设置到正确的位置：

我试图集中第一列中的第一行，这看起来不错。但是，我无法将第二行分成单独的列。第 2 列和第 3 列也会出现类似问题。您能否就如何获取附加布局提供一些指示？

为什么我可以在没有列数的情况下使用引导列类，这是如何解释的？例如在片段中

第二个内部 div 使用与第一个内部 div 的 col 类在维度上对应的 col 类。这是什么意思？

在尝试扩展引导程序网格断点时，我在引导程序 4.0.0-beta中遇到错误。
注意：只要我使用bootstrap 4.0.0-alpha.6就没有这样的错误，并且成功创建了 bootstrap 网格断点。

下面是文件的部分代码：

这是同样的问题和解决方案，但对我没有帮助：https ://github.com/twbs/bootstrap/issues/20833

我该如何解决这个错误？

如何使用 bootstrap 添加垂直按钮。

我在 .aspx 页面中有以下代码

问题是第二列比它的父列更宽。我得到以下结果

我希望一个元素在页面中垂直居中，并且我使用的是 bootstrap 4.0。我发现的大多数方法都是关于早期版本或 alpha 的，官方方法不起作用，所以，有人可以一劳永逸地解释一下如何在引导程序中垂直居中元素吗？

我的 productlistpage 上有两个 div：一个带有过滤器，一个带有产品。在移动设备和平板电脑上，我需要更改 div 的当前顺序，因此侧边栏位于产品上方。

产品分部：

侧边栏-div：

我试过用引导程序拉和推，但没有运气。最好的解决方案是在产品内容上方创建一个新的 div 并在侧边栏上使用 boostraps 隐藏？