[英]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.