问题标签 [bootstrap-grid]

我正在使用 ASP.NET MVC 开发一个网站。Bootstrap 用于 UI。我的布局视图中有以下 HTML。

当我尝试在较小的设备 (iPhone5/6) 等中查看该页面时，我看到我的内容页面中的内容增长到粘性页脚下方，因此没有显示。但是，在更大的设备中显示效果很好。如何在较小的设备中添加滚动条或使内容可滚动？

我目前有一个 Bootstrap 4 (beta) 网格设置，它显示 3 个图标，然后在 >sm 屏幕中显示 2 个图标，在 xs 屏幕上它下降到 2x2x1。

我通过标记每一列来实现这一点。但是，有没有办法让每一列 col-sm-3 （我希望它们更小）并强制剩余的图标位于新行上，但也让它们在 xs 屏幕上堆叠 2x2x1？

我有的：

我想要的是：

在循环会话中：我可以取出数据，但在循环之外我不能“记录”它。

如何使用 Bootstrap 4 flex Grid 像这样浮动我的布局？我

使用弹性订单功能尝试过，但请查看我的结果和问题

我的解决方案的问题是右列之间的空格。在我放弃和使用 javascript 之前，我希望能得到任何帮助:)

Hello All Brother and Sister!! I want to Make a Side Bar That We Scroll Down like my Image

And Then it Fix Like This

Thanks In advance

我有一个包含 3 列的表格。中间列也被“拆分”为 2 列，在手机上变成一列。

我的问题是中间列在平板电脑和台式机上的行为不正确。这些字段未在应有的位置对齐。可能是浏览器问题。如果浏览器窗口最大化，则最后一个字段（第 11 个）不是在左侧，而是在右侧。如果浏览器窗口缩小，则第 5 个字段位于右侧而不是左侧。这是因为正在包装第三个字段。

https://www.bootply.com/FgfwYKdIr0

这可以解决吗？

我正在使用一个字形图标，它在按钮内使用。但是图标的大小对于按钮来说太大了。如何减小字形图标的大小？我已经使用了小标签，但它不起作用。

如何让我的树形图适合留在引导 div 标签内。我有 2 个引导行课程。顶部有 2 列，底部有 1 列。可以在这个要点中看到。

https://bl.ocks.org/centem/81945b90ca4c20da27c54dd89e9acebe

BootStrap 允许列/网格系统的四种类型的类。

假设我想创建一个网页/网站，它应该对所有类型的媒体都更具响应性（绝对必须如此）。从手机到更大的桌面。我可以使用这种格式的课程吗？
注意：在此示例中，我将创建左侧列。

在上面的示例中，我使用了 col-xs-12 ，因此当屏幕较小时，其宽度应为 100% ，类似 col-sm-12 。我使用了 col-md-3，因此如果屏幕尺寸超过 700 像素（大约），列的宽度应该是 25%，与 col-lg-3 类似。所以我再次重复我的问题，我应该结合所有四个类来制作更具响应性和动态的网页吗？

我从 w3layouts.com 下载了一个 CC3.0 许可的现成 HTML5 网站模板。因为像 Bootstrap 等使用的脚本都是旧版本，所以我正在更新这些和源代码以使其正常工作。但我遇到了一个我无法解决的问题。我是 Bootstrap 的新手，这是我第一次使用它。我厌倦了编写自己的设计。:)

原始/旧模板使用的是 Bootstrap v3.3.4，我现在使用的是 4.0.0-beta。

正如您在原始文件中看到的那样，“我的服务”部分已经成型。但在我的更新版本中，列不会换行。我已经尝试了很多东西并用 Google 搜索了很多，但没有找到解决方案。

以下是源代码：

• HTML：https://pastebin.com/NJYmqAk2
• CSS：https://pastebin.com/AdYUTtFe

（抱歉，我不得不修改 pastebin 链接，因为我在 atm 的声誉不高。:)）