代码之家 › 专栏 › 技术社区 › johnW

为什么导航链接中的文本没有出现?

twitter-bootstrap css

johnW · 技术社区 · 7 年前

我正在使用引导选项卡,但导航链接中的文本未显示。你知道为什么吗?

HTml:

<ul class="nav nav-pills bg-light-gray" role="tablist">
    <li class="">
        <a class="nav-link active" href="#tab1" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block">tab 1</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab2" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block">tab 2</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab3" data-toggle="tab" role="tab">
            <span class="d-none d-lg-inline-block"> tab 3</span>
        </a>
    </li>
</ul>

1 回复 | 直到 7 年前

××× × ×××× 7 年前

你把这个班 d-none css中的内容 display: none!important;
所以删除 d-无

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<ul class="nav nav-pills bg-light-gray" role="tablist">
    <li class="">
        <a class="nav-link active" href="#tab1" data-toggle="tab" role="tab">
            <span class="d-lg-inline-block">tab 1</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab2" data-toggle="tab" role="tab">
            <span class="d-lg-inline-block">tab 2</span>
        </a>
    </li>
    <li class="disabled">
        <a class="nav-link" href="#tab3" name="myCongresses" data-toggle="tab" role="tab">
            <span class="d-lg-inline-block"> tab 3</span>
        </a>
    </li>
</ul>

推荐文章

xajetin · 导航不更改滚动上的颜色

3 年前

Noor ul ain Ibrahim · 如何在一行中制作两个大小相同的按钮?

3 年前

Bryan Santos · 固定表头与引导

4 年前

Nicolas Berthier · Bootstrap 5基于内容的包装

4 年前

tym · 根据用户偏好显示字段

4 年前

Sheryar Khan · 如何仅使用html、css、bootstrap、javascript/jquery创建html页面?

4 年前

Pavel · 当验证DIV可见时,引导网格会移动

7 年前

Sam · 在标题中嵌入Bootstrap 3导航栏

7 年前

Alexander David · 折叠卡打开,然后立即再次关闭

7 年前

Sandeep Bhardwaj · div的一致行为,与设备分辨率无关

7 年前