[英]Margin/Padding Left of a Bootstrap Navbar with a hidden title?
I have a Bootstrap Navbar which has a hidden title in all sizes except XS. 我有一个Bootstrap Navbar,它具有除XS之外所有尺寸的隐藏标题。 Well, in sizes SM, MD, LG there is a space between border-left of the Navbar and my first MenuItem, and I wanna suprime this.
好吧,在大小SM,MD和LG中,导航栏的左边框和我的第一个MenuItem之间有一个空格,我想对此表示赞赏。 Nevertheless, on the right margin do not happen this.
但是,在适当的距离不会发生这种情况。 This is my code:
这是我的代码:
<nav id="idNavMenu" class="navbar navbar-default" role="navigation">
{/*<a class="navbar-brand" href="/inicio"><img id="idFotoLogotipo" width="200px" src="./assets/images/cabecera_CE.jpg"/></a>*/}
<a class="navbar-brand visible-xs-block" href="http://www.upct.es/"><span id="idTextoLogotipo">UPCT</span></a>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Menú</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-left">
<MenuNavItem to='/alumno/inicio' index={true} menuItemActive="inicio">Inicio</MenuNavItem>
<MenuNavItem to='/alumno/nueva_incidencia' menuItemActive="nueva_incidencia">Nueva Incidencia</MenuNavItem>
<MenuNavItem to='/alumno/mis_incidencias' menuItemActive="mis_incidencias">Mis Incidencias</MenuNavItem>
</ul>
<ul class="nav navbar-nav navbar-right">
<MenuNavItem to=''><span class="glyphicon glyphicon-off"></span> Salir</MenuNavItem>
</ul>
</div>
</nav>
How could I solve this? 我该如何解决? Thank you.
谢谢。
Add some CSS to remove the padding-left
on larger screen widths... 添加一些CSS以删除较大屏幕宽度上
padding-left
...
@media (min-width: 768px) {
.navbar-ex1-collapse {
padding-left: 0;
}
}
http://www.codeply.com/go/6uRPnswd7J http://www.codeply.com/go/6uRPnswd7J
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.