Bootstrap 4 Beta中display类（d-none等）无效问题求助

嘿，我来帮你梳理下你遇到的d-inline这类display类不起作用的可能原因，结合你的代码来看，大概率是这几个情况：

• 没有正确引入Bootstrap 4 Beta的完整CSS文件
  如果你引入的是Bootstrap 3.x或者其他非Beta版本的CSS，那d-inline、d-none这些类根本不存在，自然不会生效。你可以检查页面的<link>标签，确认引入的是Bootstrap 4 Beta版本的CSS文件——比如CDN链接里应该包含beta字样，本地文件的话文件名应该是类似bootstrap.beta.min.css的格式。

• 自定义样式或第三方样式覆盖了Bootstrap的规则
  有时候我们自己写的CSS或者其他插件的样式，优先级会比Bootstrap的类更高。比如如果你的代码里有类似h1 { display: block !important; }这样的规则，就会直接覆盖d-inline的样式。你可以打开浏览器开发者工具（按F12），选中那个h1元素，查看「样式」面板，看看display属性是不是被划掉了，旁边会显示是哪个样式文件覆盖了它。

• 浏览器缓存导致旧样式未更新
  浏览器可能缓存了之前加载的旧版Bootstrap CSS，即使你已经换成了Beta版本也没用。试试强制刷新页面（Ctrl+F5），或者手动清除浏览器缓存后再重新打开页面，应该能解决缓存带来的问题。

另外提个小细节：你代码里用的col-xs-12在Bootstrap 4里已经被简化成col-12了，不过这个和display类失效没有直接关系，只是个小建议~

内容的提问来源于stack exchange，提问作者Verdemis