问题标签 [bootstrap-grid]

我最近开始使用 Django CMS 开发一个网站。使用 Alrdyn Bootstrap 时，除了损坏的网格系统之外，一切都进行得很顺利。

所有其他组件似乎工作正常，但网格系统将不符合我在 CMS 中输入的设置，例如。

如果我col-lg-4 col-xs-6在一个类中声明，组件将只符合第一类，并且在移动时不会缩小。

如果有人有任何见解，我将非常感激。

我想根据屏幕大小在页面上显示一个或另一个 div。所以我有：

我应该做的另一件事

还有另一种方法可以使最后一个更具可读性吗？

就像是：

我有一个带有 2 列的 Bootstrap 行。但是在浏览器的手机仿真中查看它时，它显示为两行。在常规的桌面模式中，它确实按预期呈现。

知道是什么原因造成的吗？

在中等和更大的屏幕尺寸上，我希望我的内容在左侧，我的侧边栏内容在右侧。在较小的设备上，我希望在主要内容上方有一些侧边栏内容，其余在下方。据我所知，这让我很接近。我只需要让最后一个侧边栏浮动到桌面视图上的内容旁边。但是，它不合作。另一种解决方案是添加具有重复内容的可见和隐藏类。我对那个解决方案不感兴趣。

我正在尝试将侧边栏 b 浮动，希望出现在内容旁边。此时推送类是不必要的。桌面上的结果在视觉上与上面相同。

我有 3 列

(1) .col-md-4 | (2) .col-md-4 | (3) .col-md-2 | (4) .col-md-2

我希望在小屏幕（手机/小屏幕）中这样：

(1) | (4) |

(2) | (3) |

我正在主容器中构建一个包含各种字段集的 html 页面。每个字段集都包含各种输入字段。我是这样做的：

我认为嵌套容器流体是不正确的，但我尝试这样做以获得正确的外部和内部 div 填充。我还尝试从外部 div 中删除 container-fluid 类并设置填充。结果也是正确的，但我不确定页面是否仍然响应。有没有办法避免嵌套容器流体类？或者我的解决方案是可以接受的？谢谢...

我正在尝试开发具有以下要求的 Bootstrap 4 卡网格：

• 所有卡片都必须位于一个 div 内class="row"，因为我不知道总共会有多少张卡片，并且我希望行在不同的屏幕断点处看起来不错。
• 该行中的列在不同断点（例如col-sm-6 col-lg-4）处的大小不同。
• 在任何单独的“显示行”内，例如在任何给定时间在屏幕上显示的一排卡片，每张卡片应该具有相同的高度。
• 每张卡片的底部应该有一个边距，以便与所有其他卡片分开。

我几乎一直走到那里，但我遇到了一个问题：设置class="h-100"我的卡片以确保它们都具有相同的高度会消除每张卡片底部的边距。

有没有办法确保任何给定显示行中的所有卡片都具有相同的高度，同时在它们的底部保留边距？

HTML 代码：

JSFiddle 演示

我正在尝试制作一个响应式网站，一个博客，但我遇到了一个问题，我每个博客都有 col-lg-4 的引导网格，但它们的高度不同，并且它通过保持相同的列行来遵循一种模式，但我想删除多余的空格。希望身边的人可以帮忙。

我目前的博客结构

我想要的样子

我觉得这应该很容易，但我试图让我的 .temp 和 .city div 并排放置，但它们是垂直堆叠的。

我试过改变列的大小，但它们总是堆叠在一起。有任何想法吗？

我想使用禁用/启用按钮创建一个按钮操作，然后关闭模型视图：// button: type="submit" class="btn btn-primary" data-dismiss="modal" ng-disabled="!newSong. name" ng-click="saveSong()" >Create --> 问题：当 ng-click 完成时 --> 视图模式没有关闭