Bootstrap 4 的 CodePen 问题

CodePen issue with Bootstrap 4

CodePen 和 Bootstrap 4 有问题,不会呈现简单的按钮,但网格工作正常:

 <button type="button" class="btn btn-primary">Primary</button>
有帮助吗?

https://codepen.io/klasap/pen/OOjVep

这是因为您只拉入了 Bootstrap CSS 的网格元素。 CodePen 现有的 BS4 似乎选择了错误的 Bootstrap 文件。

在你的笔下

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap-grid.css

改用完整 Bootstrap 的 CDN:

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css