[英]Margin of collapsed navbar-text in Bootstrap 3.3.5
我有这个导航栏代码:
<div class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand"><img width=20 height=20 src="{% static 'images/mmlogo.png' %}"></span>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><p class="navbar-text">Ты не вошел</p></li>
</ul>
</div>
</div>
</div>
但是,当我的浏览器的屏幕宽度很小(如手机)并且Bootstrap折叠了一些元素时,我得到了:
没有边距/填充。 但是当我将<li><p class="navbar-text">Ты не вошел</p></li>
更改为<li><a href="#">Ты не вошел</a></p></li>
,一切正常:
但是我不需要链接,我只需要不可点击的文本。 我究竟做错了什么?
试试这个
<li><div class="col-lg-12"><p class="navbar-text">Ты не вошел</p></div></li>
如果您有CSS,则应该发布它。 如果您没有与文本相关的CSS,那么它只是使用bootstrap.css中的默认样式
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.