You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Bootstrap类未在浏览器显示,部分元素样式类失效求助

Bootstrap导航类不生效问题解决
  • 修正错误类名:你写的nav-link-active是错误的,Bootstrap中激活状态的导航链接需要同时使用nav-link和active两个类,正确写法是class="nav-link active"。这个错误类名本身不存在,所以浏览器开发者工具里不会显示对应的样式规则。
  • 确保完整的Navbar结构:nav-item类需要在完整的Navbar容器下才能正常识别,缺少外层的navbar容器可能导致样式不生效,完整基础结构参考:
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid">
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link active" href="#">About Us</a>
      </li>
    </ul>
  </div>
</nav>
  • 验证Bootstrap资源加载:在浏览器开发者工具的「网络」面板中,检查Bootstrap CSS文件是否成功加载(无404状态码),确认引入路径没有错误。
  • 强制刷新清除缓存:浏览器缓存可能导致旧的CSS文件未更新,按Ctrl+Shift+R(Windows/Linux)或Cmd+Shift+R(Mac)强制刷新页面,清除缓存后重新查看样式。

内容的提问来源于stack exchange,提问作者kirill_pav

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 11:55:25