Css &引用;nav nav nav BALLS nav ALIGNED“资产净值合理”;类不堆叠移动视图的选项卡

Css &引用;nav nav nav BALLS nav ALIGNED“资产净值合理”;类不堆叠移动视图的选项卡,css,angular,typescript,bootstrap-4,Css,Angular,Typescript,Bootstrap 4,我正在使用angular中的最新引导版本。当屏幕尺寸减小到768px以下时,“nav nav pills nav ALIGNED”类不堆叠选项卡 我提到了这个网站。在邮局里。在堆栈溢出我遵循,但它也工作 这是我的HTML代码 <div class="container"> <ul class="nav nav-pills nav-justified"> <li class="nav-item"> <a cl

我正在使用angular中的最新引导版本。当屏幕尺寸减小到768px以下时,“nav nav pills nav ALIGNED”类不堆叠选项卡

我提到了这个网站。在邮局里。在堆栈溢出我遵循,但它也工作

这是我的HTML代码

<div class="container">
      <ul class="nav nav-pills nav-justified">
        <li class="nav-item">
          <a class="nav-link" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" routerLink="/">Feeds</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/status-update']">Status Update</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/goal-setting']">Goal Setting</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/meet-up']">Meet up</a>
        </li>
      </ul>
</div>


  • 我不明白为什么它在这里工作,同样的代码在我的情况下失败了。请提供建议。

    通过分析,我们发现:

    • 中的引导版本为3.1.1
    • 示例中的引导版本未知(发布日期为2015年),但有一个更新提到
    • 我们看到BS4中提供了类
      nav pills nav fill
      。。。为了从导航中获取药丸,我们可以自己编写一些CSS
    在Bootstrap 4.3.1上运行代码段,如下所示:

    @媒体屏幕和(最大宽度:768px){
    .资产净值填充.资产净值项目{
    宽度:100%!重要;
    弹性基础:未设置!重要;
    }
    }
    
    

    您能否验证引导css和js是否正在加载到您的页面上?是的。他们装载得很好。其他的引导类工作得很好。非常感谢。我来试试这个。不客气。。。如果答案对你有用,一定要接受。。。否则,请分享结果,我会尽力帮助您,这一切都很好!。这说明nav的功能在最新版本的引导中已被弃用。