Button 用其他图标替换引导导航栏中的图标栏

Button 用其他图标替换引导导航栏中的图标栏,button,twitter-bootstrap,navbar,Button,Twitter Bootstrap,Navbar,我正在尝试替换navbar按钮中的三个栏,当navbar崩溃时,它会出现 原代码为: 我尝试执行以下操作,但无效: <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-envelope"></span> </a> 有人能帮忙吗?您可以用任何您喜欢的东西替换导航栏切

我正在尝试替换navbar按钮中的三个栏,当navbar崩溃时,它会出现

原代码为:


我尝试执行以下操作,但无效:

<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-envelope"></span>

        </a>


有人能帮忙吗?

您可以用任何您喜欢的东西替换导航栏切换按钮中的内容,包括不同的图标或文本。下面是一个信封图标的工作示例:

你会发现HTML中没有什么不寻常的地方,所以如果它仍然不适合你,你可以通过测试页面主体中的图标来检查glyphicons是否正确安装。你也可以检查它是否不是颜色问题——例如白色背景上的白色文本

祝你好运

<div class="navbar">
<div class="navbar-inner">
<div class="container">

  <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

      <span class="icon-envelope"></span>
  </a>

  <!-- Be sure to leave the brand out there if you want it shown -->
  <a class="brand" href="#">Project name</a>

  <!-- Everything you want hidden at 940px or less, place within here -->
  <div class="nav-collapse collapse">
    <!-- .nav, .navbar-search, .navbar-form, etc -->
  </div>

 </div>
 </div>
 </div>

您可以将导航栏切换按钮中的内容替换为您喜欢的任何内容,包括不同的图标或文本。下面是一个信封图标的工作示例:

你会发现HTML中没有什么不寻常的地方,所以如果它仍然不适合你,你可以通过测试页面主体中的图标来检查glyphicons是否正确安装。你也可以检查它是否不是颜色问题——例如白色背景上的白色文本

祝你好运

<div class="navbar">
<div class="navbar-inner">
<div class="container">

  <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

      <span class="icon-envelope"></span>
  </a>

  <!-- Be sure to leave the brand out there if you want it shown -->
  <a class="brand" href="#">Project name</a>

  <!-- Everything you want hidden at 940px or less, place within here -->
  <div class="nav-collapse collapse">
    <!-- .nav, .navbar-search, .navbar-form, etc -->
  </div>

 </div>
 </div>
 </div>


您是否可以添加一些关于它如何不起作用的信息?您是否仍在处理此问题?您是否可以添加一些关于它如何不起作用的信息?您是否仍在处理此问题?