问题标签 [bootstrap-grid]

我有 2 个问题： 1. $container-max-width Bootstrap 变量的用途是什么？2. 如果我需要以下解决方案，我应该如何覆盖变量？

我有 2 个问题： 1. $container-max-width Bootstrap 变量的用途是什么？2. 如果我需要以下解决方案，我应该如何覆盖变量？

我的网页中有一个带有搜索文本框的引导下拉菜单。我正在将动态数据添加到该下拉列表中，但它们很大并且来自数据库。这就是为什么加载需要很长时间。有谁知道这个问题的解决方案？

我正在尝试使用 Bootstrap 构建我的 UI。我正在尝试将 3 合二为一设置divs为row中型和大屏幕。在下面，768px我想把它们放在另一个下面。

文件.html

三个divs 的 HTML 代码是相同的。

问题

div在大屏幕和中屏幕上，我在一行中有两个s，在新行下面有一个第三个。对于平板电脑屏幕，divs 不会在另一个下流动，但仍然在同一行中。我想要的布局是两个在一行中，第三个在下面。

文件.css

当我浏览 Bootstrap 文档时，我认为将类命名为.col-md-4将我div的 s对齐768px在同一行中，彼此相邻并在下方将它们放在一种display: box视图中。

有谁知道如何在引导程序 4 中执行这种类型的网格样式？

提前致谢。

我希望我的主要内容和 Sidewidget 在同一行。凭借我对引导网格的了解，我尝试完成这项工作，但侧边小部件堆叠在内容下方而不是侧面。这是所需的片段。

正文.html

导航.html

我的 {% 块内容 %}

我的 {% Sidewidget %} 块

我尝试过调整，但似乎没有任何效果

我想要这样的页面：

我有两个 divcol-xs-12 col-md-9和col-xs-12 col-md-3。它们按预期出现

在普通显示器上：

在手机屏幕上：

这是我的问题。我必须使布局适应 1300x1900 像素的特殊屏幕。是的，宽度为 1300 像素，高度为 1900 像素。现在它看起来像这样：

在这种情况下，我需要类似于手机屏幕布局的东西。Bootstrap 3 是否可以处理这种情况，还是我应该手动处理？

编辑：将自定义屏幕宽度添加到现有的 Bootsrap 3 网格并没有真正帮助。问题在于屏幕比例，而不仅仅是绝对屏幕尺寸。

我有 6 个不同长度的元素，我试图提出一个引导网格布局来实现以下目标。

在中型和大型显示器中显示的两列布局：

请注意，下例中的框 3 直接在框 1 下方开始，即使框 2 比框 1 长得多。

对于小于中型的显示器，使用以下单列布局：

为了彻底，我从不想要 3 列或更多列：

并且顺序必须保持 1-6，而不是 1-3 后跟 4-6

我可以使用以下代码分别实现 2 列布局和单列布局，但是当显示尺寸从 SM/MD 更改时它们都会中断，反之亦然：

适用于 XS/SM：

适用于 MD+：

是否可以使用 Bootstrap 3 获得所需的布局，如果可以，如何？

使用 bootstrap v4.0，我正在开发一个站点布局，当屏幕处于 XL 模式时，它会显示右侧的“侧边栏”。侧边栏中有很多很多项目。我想在中间的某个地方交换 2 个盒子。

在 Bootstrap 3 中，您可以逐渐向左或向右移动单元格。Bootstrap 4，我可以看到有一种方法可以重新排序整个列，并且有一种方法可以将单元格发送到第一个或最后一个。但我无法弄清楚如何仅将 1 个单元格移动 1 步（基本上，跳过相邻的单元格）。在我的情况下，查看从 L 调整为 XL 时 2 和 3（应该）如何改变顺序

我确实通过将order-xl-N类应用于所有侧边栏框（仅将它们应用于某些框似乎不起作用）找到了针对我给定情况的解决方案。感觉像是过火了..所以我很好奇也许我错过了什么？如果侧边栏有 20 个项目，它们是否都需要有 order-N 类才能让其中 2 个在堆栈中间交换位置？

这是我的个人情况 html 标记。

虽然我确实为我的情况寻求一个优雅的解决方案，但一个通用的解决方案也很好。在某些页面上，我优先考虑框 5 并将其放在 XL 侧边栏的顶部，从而避免复杂的排序逻辑，我希望我的课程只影响框 2 和 3.. 所有这些都用于我的facebook 视频下载器项目.. 社交社交视频下载..

我有一个如下所示的屏幕截图，我使用 bootstrap 4.1 复制了该屏幕截图

这是小提琴，但它仍然没有正确对齐，因为图像彼此非常接近。

为了复制上面的屏幕截图，我在小提琴中使用的 HTML 代码是：

问题陈述：

我想知道如何使用引导网格系统来复制上面的屏幕截图。由于有 5 张图片，所以我不确定如何将 5 张图片的列表分成 12 张的总和。