Question

bootstrap springmvc 整合输出页面时候 bootstrap的图标不显示

<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/lib/bootstrap/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/stylesheets/theme.css"> <link rel="stylesheet" href="${pageContext.request.contextPath }/lib/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="${pageContext.request.contextPath }/lib/font-awesome/css/font-awesome-ie7.css"> <script src="${pageContext.request.contextPath }/lib/jquery-1.7.2.min.js" type="text/javascript"></script>





Answer 1

　　我遇到过一次图标不正常显示的情况用的是AdminLET+bootstrap，我是这样解决的

　　一、把font-awesome之类的换成了 网上的链接（好像作用不大你不会这么疏忽）。

　　二、非常重要 每个标签不要简略写如

<i class="glyphicon glyphicon-envelope"/>

　　要写成

<i class="glyphicon glyphicon-envelope"></i>

　　这样的 即便是没有内容。还有 要注意

<i  class="glyphicon glyphicon-envelope"></i>

　　不要简略写成

<i  class="glyphicon-envelope"></i>

　　AdminLTE的class="fa-500px"就不能正常显示(bs我才没试呢)必须写成class="fa fa-500px"。

　　三、注意的地方(关乎层次与问题不相关)bootstrap的div嵌套和class加的字段我是按照AdminLTE的例子查看源代码F12一层一层套上去的。

　　希望能帮到你。