glyphicon在我的引导应用程序中不工作

问题描述：

我只是编写了代码搜索（输入类型和搜索图标），搜索图标不显示。glyphicon在我的引导应用程序中不工作

代码：

<div class="container"> 
    <div class="col-md-10"> 
    <div class="inner-addon right-addon"> 
     <i class="glyphicon glyphicon-search"></i> 
     <input type="text" class="form-control" placeholder="Search" /> 
    </div> 
    </div> 
</div>

CSS

.inner-addon { 
    position: relative; 
} 

.inner-addon .glyphicon { 
    position: absolute; 
    padding: 10px; 
    pointer-events: none; 
} 

.right-addon .glyphicon { 
    right: 0px; 
} 

.right-addon input { 
    padding-right: 30px; 
}

能看到[这里]（https://jsfiddle.net/iamraviteja/jajwentt/）。检查你的自举的外部文件。 – Raviteja

检查您的CDN文件，可能会导致问题。 –

不知道glyphicons与一起工作，我总是使用他们在文档 –

答

我想这应该帮助你，确保你不会错过你的任何HTML CSS或JS。代码应该工作。

<code>https://jsfiddle.net/KyleMit/cyCFS/</code>

感谢

glyphicon在我的引导应用程序中不工作

相关推荐