带有<i> glyphicon不同样式的错误菜单

时间:2016-06-15 11:17:42

标签: java twitter-bootstrap jsp twitter-bootstrap-3 glyphicons

使用JSP标记时遇到问题。

我在标签

  • intrudci a中使用导航菜单输入一个glyphicon,并按照说明部分进行操作。

    当我看到浏览器时,我的问题出现了,我抓住了I glyphicon的样式并转换了所有内容。我可以通过设置一个点来修复它,而不是留空,但这不是最佳的

    我附上了两个麻袋:

    第一个:没有使用点我使用了2种不同的样式

    WITH POINT

    第二种:没有提出要点我混合了glyphicon的样式

    dotless

    CODE

    <ul class="nav nav-sidebar">
                <sec:authorize access="isAuthenticated()">
                    <sec:authorize access="hasRole('ADMIN')">
                        <li><spring:url value="/alertas" var="alertas" /><a
                            href="${alertas}">
                            <i class="fa fa-dashboard fa-2x">.</i>
                            <spring:message code="menu.dashboard" /></a>
                        </li>
                        <li><spring:url value="/historico" var="historico" /> <a
                        href="${historico}">
                        <span class="fa  fa-history fa-2x">.</span>
                        <spring:message code="menu.historico" /></a></li>
                        <li><spring:url value="/kpis" var="kpis" /> <a
                        href="${kpis}">
                        <span class="fa fa-bar-chart fa-2x">.</span>
                        <spring:message code="menu.kpis" /></a></li>
                        <li>
                            <a href="#" id="admin-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="fa fa-folder-open fa-2x">.</span>
                                <spring:message
                                        code="menu.administracion" />
                            <span class="caret"></span>
                            </a>
                        <ul class="dropdown-menu" aria-labelledby="admin-menu">
                            <li><spring:url value="/usuarios" var="usuarios" /> <a
                                href="${usuarios}">
                                <span class="fa fa-users fa-2x">.</span>
                                <spring:message
                                        code="menu.usuarios" /></a></li>
                            <li><spring:url value="/pacientes" var="pacientes" />
                                <a href="${pacientes}">
                                <span class="fa fa-street-view fa-2x">.</span>
                                <spring:message
                                        code="menu.pacientes" /></a></li>
                            <li><spring:url value="/episodios" var="episodios" />
                                <a href="${episodios}">
                                <span class="fa fa-clipboard fa-2x">.</span>
                                <spring:message
                                        code="menu.episodios" /></a></li>
                        </ul>
                        </li>
                    </sec:authorize>
                </sec:authorize>
            </ul>
    

    任何解决方案?非常感谢你!!!!

  • 0 个答案:

    没有答案