问题标签 [bootstrap-grid]

我是 angular2 和 lumen 框架的新手。我将我的 Web 应用程序开发为两个独立的项目，然后 -> 前端 - angular2-> 后端 - 流明

现在我已经开发了后端功能来更新用户时从邮递员传输 Jason 对象，如

{ "salutation":"Mr", "name":"Test Name", "lastname":"Test last name", "email":"testUser@gmail.com", "address":"123/1, Village, some text" }

它正确更新了表格。

在我的前面，我有一个带有 angular2 的表格。它像是

然后我想知道如何创建关系以使用 Lumen 更新表。我的 api 网址是 ->

http://localhost:8000/v1/passenger/1/updatePassenger。

谁能解释这样做的机制。

我使用 angular5 开发一页 web 应用程序，并且我使用 bootstrap4 进行页面布局。

具有经典布局 - 页眉 - 正文 - 页脚。

将动态数据（图像）检索到库中到正文容器时出现问题。当用户被重定向到图库页面时，异步请求被分派到数据库。同时 body 容器是空的，所以它的高度为零，用户可以在页脚正上方看到页眉。

为具有异步内容的容器设置最小高度的最佳做法是什么？

我想用 bootstrap 创建一个响应式表，并将表的宽度分别划分为 3 列的 8-2-2。

Firefox 可以正确显示它，但不能在 chrome 中显示。

任何想法？我在这里附上了完整的代码 https://jsfiddle.net/ocnrm6j7/

我正在寻找一种将我的 mysql 结果显示到具有相同行数的 5 div 的方法。

这是我所做的：

但我得到的结果不是有序的，每个网格上的数字也不相同！

请问还有其他解决方案吗？

我试图通过安装 tether.js 和 utils.js 来解决这个问题，当我修复一个错误时，似乎又弹出了 2 个错误。

这是一个类似帖子的链接，但我遇到了一个稍微不同的问题，这个问题是我从上一个问题中产生的。

有什么我可以做的吗？还是我应该回到boostrap3

如何修复错误引导工具提示需要系绳 HTTP github

我已经创建了一个navbar完美的作品，但似乎有一条神秘的黑线（见黄色箭头）在菜单折叠时在汉堡下方运行。任何有助于消除此问题的帮助将不胜感激。

以上是我的 HTML 和 CSS。过去有没有人遇到过这种情况？

我目前正在处理一个包含 html 表格的页面，并使用引导网格管理列宽度。这是一个重现我正在苦苦挣扎的情况的小例子：

https://jsfiddle.net/ggu5Lpc0/45/

我的工作基于引导嵌套列示例。

它一直有效，直到我决定更改第二列中文本的显示：将每个文本单元格仅放在一行中并隐藏其溢出（带有省略号）。

然后似乎引导程序在每个表格单元格上应用的宽度属性已经停止工作，因为我使用了 css 属性“空白：nowrap;”。

如何保持列宽设置，并将这些文本用省略号缩短并仅在一行中（也保持同一行的每个链接）？

为什么它目前不起作用？我想明白！

我正在尝试制作一个列出不同专业的网格，类似于此，但不是 4 列，我想要 3 个... 类似于此的网格

到目前为止，我正在尝试使用它，但是填充确实关闭了，因为每个按钮都需要根据里面单词的大小来使用不同的填充。所以使用这段代码，输出看起来像这样......（ps。引导程序是链接的，所以没有问题）

上面提供的 HTML 的输出

Mac 上的 Bootstrap 4 和 Safari 浏览器存在问题。在一行内使用 cols 时，它会破坏它，并且不像在 Firefox 或 chrome 上那样工作。我正在使用这样的简单代码：

我正在尝试与另一个问题不同的“修复代码”，但它们并没有解决问题。有什么线索吗？

提前致谢

所以我有一个 div，它包含一个 img，这个 div 填满了整个屏幕。我需要 img（附件上的 E）采用尽可能多的宽度或高度保持纵横比。我需要在我的 img 周围放置一个背景色，但不在img 后面（因为它具有透明度，我需要查看后面的内容）。

到目前为止，我让我的 img 尽可能多的宽度和高度，但无法弄清楚如何只在 img 周围而不是后面放置背景。

我的猜测是 A、B、C、D、F、G、H，我是具有背景色的 div，而 E 是 img 或包含 img 的 div。

我正在使用 Bootstrap 3.3.7，我希望尽可能保持自适应。

请帮忙！

编辑：完整代码看起来像这样 编辑 2：简化我的代码，将方法更改为网格方法并添加jsfiddle。不幸的是，图像附件中的 B 和 C 仍然存在空白，而 E 并没有占用它应该占用的所有空间。