问题标签 [twitter-bootstrap-4]

我尝试将我自己的风格融入 bootstrap 4 中的导航选项卡，因为开箱即用的功能非常适合我的主题。

我已经让它看起来像我想要的那样，但是当我将鼠标悬停在一个选项卡上时，导航选项卡部分的边框底部向下移动了大约 1px。我尝试过操纵边距、填充等，但似乎无法弄清楚如何让它停止这样做。

有人可以帮忙吗？

CSS

jsfiddle

所以在 Bootstrap v4 中，我看到卡片组（http://v4-alpha.getbootstrap.com/components/card/#decks）有一个新功能，它可以制作一组卡片，它们的高度根据最高的内容相等在群里。

似乎列数取决于组中有多少个card-div。有没有办法根据视口改变列数？比如大宽4列/卡宽，中宽2宽，小宽1？

目前，它们保持相同数量的列/卡片宽度，直到小于 544 像素。在 544px 或更大时，它们display: table-cell符合screen (min-width: 544px)规则。

有没有办法通过仅更改 CSS 来根据视口使卡片具有不同数量的列？

编辑 -由于 IE 支持，希望不使用 flex / flexbox

http://codepen.io/jpost-vlocity/full/PNEKKy/上 4 col/card 宽和 3 col/card 宽的 Codepen 示例

我正在为一个项目使用 Bootstrap 4 砌体卡布局，并且在该项目中我有一个<select>具有自定义样式的项目。自定义样式的一部分是使用 CSS 制作的插入符号:after。不同的浏览器给了我不同的结果，我想把它贴在这里，以防有人有解决方案。我不确定这是引导程序问题还是 CSS 规范问题，所以也许有人也可以在那里阐明。

• Chrome Canary：一切看起来都很好
• Chrome：第一列看起来不错，但第一列之后的任何列看起来都很糟糕，除非你去移动设备（我将它设置为只有 1 列），然后它在那里显示得很好。仅当有超过 1 列时。
• 火狐：一切都很好
• Safari：第一列出现，但第一列之后的任何列插入符号和文本都不会出现。

这是一个 Codepen 链接：http ://codepen.io/derekshull/pen/GZQaRY

我正在尝试实现一个引导下拉菜单，尽管将正确的类应用于子列表，但我失去了通常适用于引导的格式和填充。

我正在使用引导程序 4.0.0-alpha.2，如下所示：

我正在创建一个管理页面，该页面查询然后报告网站关键页面的页面权重（登陆等）

由于 Bootstrap 4 很接近，我用它来创建一个我很满意的布局。但是对于每一行，单元格中的文本不是垂直对齐的。我可以做一个简单的右对齐：

但我也想垂直对齐。我相信 Bootstrap 4 正在使用 flexbox。有没有办法使用 flex 在单元格中进行垂直文本对齐？我的示例在CodePen上

我的目标是让这个区域尽可能地响应。在超大视口上看起来很棒，但是当我们开始缩小时，例如：约 930 像素的视口，我无法像第一个屏幕截图那样让照片完美对齐。

我尝试将照片区域设置为 a background-size: cover，但是，当我们进入较小的视口时，该解决方案只会切断图片的边缘（这不是一个选项）。

第二个问题是关于移动视口的：这两个块需要堆叠。不过，很确定我可以在第一个问题解决后弄清楚那部分。

提前致谢！

我正在尝试将 ngControl 表单验证添加到 Angualr js 2 中的 bootstrap 4 typehead 控件。代码如下。

当网站达到-lg-我希望它看起来像这样的大小时：

期望的结果：

但我最终只得到了这个：

实际结果：

这可能是我想要的还是这不是引导程序的最佳设计？

https://jsfiddle.net/clankill3r/0o1mz65n/

我不希望我的菜单有行，而不是在没有更多空间时总结并中断到下一行。

例子：

我现在有：

更改为display: inline没有效果。

https://jsfiddle.net/clankill3r/gguc1nub/

我有一个引导菜单。如果它是折叠的，我希望它具有页面的名称，如果它是打开的，我希望它命名菜单。

现在我将它命名为“观看预告片”（因此假设该页面上的位置）。单击按钮时，更改标题有效，但仅在第一次之后有效。这是为什么？

我的方法是一个好方法吗？为方便起见，这是一个jsfiddle。