问题标签 [twitter-bootstrap-4]

我有一个嵌套的 flexbox 布局（使用 bootstrap v4），它根据横向/纵向模式改变方向。第一层div（由 flexbox 使用order属性放置）#no包含 5 个用作按钮的图标。该order属性在这些图标上无法正常工作。

如果我不使用order属性，则图标按自然顺序排列；但是，如果我尝试使用该order属性来布置它们，它就不起作用。在代码中，info-div( order:3) 应该是最后一个元素。它不是。我可以通过改变源中的顺序得到我想要的顺序；但是，我想澄清我的误解。

我开始使用引导程序版本 4。并开始收到部署到 Heroku 的此错误。我的样式表是 custom.css.scss。应用程序在开发中工作没有问题。已发布未开始升级到 bootstrap v4。当我使用 bootstrap v3 时，我从来没有遇到过部署问题。我花了很多时间查看其他帖子的不同建议，但无济于事。

bootstrap.custom.css.scss 文件

应用程序.scss

应用程序.js

heroku 部署出错

宝石文件

已安装的宝石

我使用twitter bootstrap及其封面示例作为基础。我在那里添加了一些输入字段，并希望第二个 ( email) 位于中间（即水平对齐）。我试图添加.center-block和.text-center到不同的div元素，但它没有帮助。解决方案应该是什么？

这是代码：

这是jsfiddle。

我正在寻找一个使用 Fontawesome 和 Bootstrap 4 的导航栏组件的示例，以便我有一个文本描述和一个彼此相邻的图标。

我在 bootstrap v4 中有一个使用 flexbox 的简单图标列。它很好，但是如果您然后单击一个图标，则位置会略有变化。似乎只发生在 chrome 中。这是一个小提琴：

https://jsfiddle.net/lenb/shr8bk89/10/`HTML
：

CSS：

我认为没有理由改变定位。

有人可以告诉我出了什么问题。

我想将 bootstrap 4 alpha SASS 版本与 ASP.NET 5 应用程序一起使用。到目前为止，我发现安装它并简化工作流程非常困难。他们有他们的 Grunt 文件，可以创建 css 和 js 文件以及它们的最小版本，但我看不到一个好的工作流程的干净方法。

我至少要达到的目标：

1. 在项目的某处有引导 .SCSS/.JS 文件
2. 每当我在 .SCSS 中更改某些内容并保存时，应将 .SCSS 转换为 .CSS，合并并缩小它们。JS也一样

理想情况下，它应该与从 .cshtml 生成的页面上的浏览器链接一起使用。我想避免像引导程序建议的那样安装 Ruby 的东西。

到目前为止，我尝试使用 Web Compiler 扩展，但它不理解 bootstrap 的 SCSS，因为它们不会相互 @import。并且 gulp 或 grunt 可用于组合/缩小 Web 编译器的结果，但我不知道如何在 .SCSS 事件内的 Ctrl+S 上分配 gulp/grunt 任务。

Bootstrap 4 将于 2016 年某个时候发布。

升级的最佳方法是什么 - 完全重写？我为 Boostrap 2 到 3 做了那个，但不确定我是否可以在版本 4 中再次面对它......

谢谢

Bootstrap 3 和 Boostrap 4 - alpha 版本当前是否向后兼容？

我尝试用新的 alpha 版本替换 Bootstrap 3，但结果样式被破坏了。我做错了什么还是这是一个普遍的问题？

针对 bootstrap 3的相同需求（那个问题）提出了另一个问题，但建议的解决方案不适用于 Bootstrap 4。

这篇文章的图片很好地解释了我想要什么。

甚至更多这个 bootply。

如何使用 Bootstrap 4 实现这一目标？

在下面的演示代码中，它使用 data-src 但没有 img src。图像是如何应用的？javascript是否以某种方式修改了这个？

http://v4-alpha.getbootstrap.com/components/card/