[英]Margin of collapsed navbar-text in Bootstrap 3.3.5
I have this navbar code: 我有这个导航栏代码:
<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>
But when my browser's screen's width is small (like mobile phone) and Bootstrap collapses some elements, I get this: 但是,当我的浏览器的屏幕宽度很小(如手机)并且Bootstrap折叠了一些元素时,我得到了:
There's no margin/padding. 没有边距/填充。 But when I change
<li><p class="navbar-text">Ты не вошел</p></li>
to <li><a href="#">Ты не вошел</a></p></li>
, everything is OK: 但是当我将
<li><p class="navbar-text">Ты не вошел</p></li>
更改为<li><a href="#">Ты не вошел</a></p></li>
,一切正常:
But I don't need a link, I just need unclickable text. 但是我不需要链接,我只需要不可点击的文本。 What am I doing wrong?
我究竟做错了什么?
试试这个
<li><div class="col-lg-12"><p class="navbar-text">Ты не вошел</p></div></li>
If you have CSS you should post it. 如果您有CSS,则应该发布它。 If you don't have any CSS related to the text then it is just using default styling from bootstrap.css
如果您没有与文本相关的CSS,那么它只是使用bootstrap.css中的默认样式
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.