我正在使用bootstrap 3并且我将一个Glyphicons与输入文本放在一起并且Glyphicons没有显示(但是btn-info显示)我正在使用:class =“input-group”来包含glyphicon,输入文本和提交按钮.
这是代码:
<body> <nav class="navbar navbar-default" role="navigation"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Meu Site</a> </div> <!-- Collect the nav links,forms,and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">News</a></li> <li><a href="#">Login</a></li> <li><a href="#">Create Account</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container --> </nav> <div class="container"> <div class="row"> <div class="span7 text-center col-md-4 col-md-offset-3" style="float: none; margin-left: auto;margin-right: auto;"> <img src="../../app.images/logo.jpg" /> </div> <form class="span7 text-center col-md-4 col-md-offset-3" style="float: none; margin-left: auto;margin-right: auto;" role="search"> <div class="form-group"> <label class="radio-inline"><input type="radio" name="optradio">Opt1</label> <label class="radio-inline"><input type="radio" name="optradio" checked="">Opt2</label> <label class="radio-inline"><input type="radio" name="optradio">Opt3</label> </div> <div class="input-group"> <a href="#" class="btn btn-info input-group-btn"> <span class="glyphicon glyphicon-th"></span> </a> <input class="form-control " type="text" placeholder="Search" /> <div class="input-group-btn"> <button class="btn btn-default" type="submit">Search</button> </div> </div> </form> <div class="span7 text-center col-md-4 col-md-offset-3" style="float: none; margin-left: auto;margin-right: auto;"> Slogan </div> <div class="span7 text-center col-md-4 col-md-offset-3" style="float: none; margin-left: auto;margin-right: auto;"> <a href="#">Mobile</a> <a href="#">Addons</a> <a href="#">Contact</a> </div> </div> </div> </body>