问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

引导面板不工作

社区维基
1
新手上路，请多包涵

我正在使用带角度的引导程序，但面板无法正常工作。我可以确认文件在正确的位置。 files 这就是它的样子： 结果 我可以使用 btn 和 btn-primary，但不能使用面板。什么可能导致此问题？

 <html>
    <head>
        <link rel="stylesheet" href="css/bootstrap.css">
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="panel panel-default">
          <div class="panel-body">
            Basic panel example
          </div>
        </div>
        <button class="btn btn-success">test</button>
    </body>
</html>

原文由 MStimp 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译cssbootstrap-4
阅读 429
2 个回答
得票最新
社区维基
1
✓ 已被采纳

如果您使用的是 Bootstrap 4，请阅读以下内容：

 Panels, thumbnails, and wells
Dropped entirely for the new card component.

Panels
.panel to .card, now built with flexbox.
.panel-default removed and no replacement.
.panel-group removed and no replacement. .card-group is not a replacement, it is different.
.panel-heading to .card-header
.panel-title to .card-title. Depending on the desired look, you may also want to use heading elements or classes (e.g. <h3>, .h3) or bold elements or classes (e.g. <strong>, <b>, .font-weight-bold). Note that .card-title, while similarly named, produces a different look than .panel-title.
.panel-body to .card-body
.panel-footer to .card-footer
.panel-primary to .card-primary and .card-inverse (or use .bg-primary on .card-header)
.panel-success to .card-success and .card-inverse (or use .bg-success on .card-header)
.panel-info to .card-info and .card-inverse (or use .bg-info on .card-header)
.panel-warning to .card-warning and .card-inverse (or use .bg-warning on .card-header)
.panel-danger to .card-danger and .card-inverse (or use .bg-danger on .card-header)

https://v4-alpha.getbootstrap.com/migration/#panels-thumbnails-and-wells

原文由 Adaleni 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

点击： ctrl+shift+i 或右键单击并选择检查，然后单击控制台以确保您没有问题，并且调用了引导 JavaScript 文件，但该代码在 html 文件中

<div class="panel panel-default">
  <div class="panel-heading">Panel heading without title</div>
  <div class="panel-body">
    Panel content
  </div>
</div>

<div class="panel panel-default">
  <div class="panel-heading">
    <h3 class="panel-title">Panel title</h3>
  </div>
  <div class="panel-body">
    Panel content
  </div>
</div>

但是您的 bootstrap.js 文件位于 body 标记的末尾

原文由 Abubakr Elghazawy 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题