问题标签 [bootstrap-grid]

我正在尝试使用其值动态添加复选框。我能够在控制台中看到该值，就像这样，它只在页面中显示复选框。这是我的代码。

如何使用引导网格使这两个按钮粘在 div 的边缘？

如果有人也可以解释一下，我正在尝试理解引导网格......

这是我到目前为止所做的事情 https://ibb.co/iLDZSv - 链接到图片

到目前为止我所做的代码：

我创建了一个幻灯片，它可以在桌面上完美运行，但on('click')在移动版本中不可用。但是，单击对于其他移动按钮效果很好。

html

脚本.js

更新这是引导 css。如果我不包含 boostrap，则点击在移动设备上可以正常工作，但我不知道 css 的哪一部分导致它失败。

更新 2它特别是 Boostrap 中的网格系统。我正在玩自定义 boostrap 下载，我可以使用每个组件，除了破坏幻灯片的网格系统。

如你看到的

这就是问题。

排成一排，row section-first"稍微超出前一排

尝试了很多东西，但完全不知道如何解决它。

此行的宽度不适合上一行是有问题的。

我的html有问题。我找不到如何解决它。

[class="active" 然后 Home 标记带有红色下划线。默认][1]

[当我点击时，红色下划线消失][2]

[当我点击任何地方时，它又来了][3]

感谢您的帮助！

我在使用 JQuery matchHeight.js 时遇到了一个奇怪的行为。请查看以下打印屏幕：

运行 matchHeight.js 后的叠加图像：

如果我按 F5，则会出现所需的结果：

按 F5 后的正确布局：

下面是创建页面的代码：

我不知道是什么导致了这种奇怪的行为。有时，它一开始加载得很好，但大多数时候，我需要按 F5 才能出现正确的行为。

有任何想法吗？

我有两个div并排的，其中一个（右）比另一个（左）有更多的内容。我一直试图让右边的垂直对齐，所以它在左边的中间居中。

这是 CodePen：https ://codepen.io/anon/pen/OjyZNP?editors=1100

试图在桌面上实现这样的事情：

我正在使用 Bootstrap 网格系统创建一个包含 3 行的图像库，每行包含 3 个图像。所有的图像都有不同的大小。我想要做的是使所有图像大小相同。我尝试在我的 CSS 中使用 max-height 或 max-width，但是它没有帮助使所有图像（缩略图）的大小相似。我应该只获得缩略图类的装备还是有其他解决方案？

此网格的移动和平板电脑布局如下：

[标题]

[图片]

[内容]

但是，在中/大屏幕中，我想将其更改为这种布局

下面的代码片段首先使用移动设备创建，以便可以在大屏幕中重新排序。但内容列不在中/大屏幕的标题下方。内容列应填充剩余的高度。

如何使它达到所需的布局？如果通过引导程序无法实现，我可以使用 flexbox 吗？

我有一个愚蠢的引导问题。

代码：

我想将最后一个粉红色 div 放入其上方的空间中。达到我的目标最简单的方法是什么？