大家有木有居右之后就顯示不出一部分字
<div class="dropdown" style="float: left;">
???<button type="button" class="btn btn-defaule dropdown-toggle" data-toggle="dropdown" >
????你喜歡干什么
????<span class="caret"></span>
???</button>
???<ul class="dropdown-menu dropdown-menu-right" role="menu">
????<li class="dropdown-header">沒有A標(biāo)簽</li>
????<li>旅游</li>
????<li>美食</li>
????<li>健身</li>
????<li>電影</li>
????<li class="divider"></li>
????<li role="presentation" class="dropdown-header">加入a標(biāo)簽</li>
????<li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">旅游</a></li>
????<li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">美食</a></li>
????<li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">看書</a></li>
????<li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">音樂</a></li>
????<li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">電影</a></li>
???</ul>
???
??</div>
??<script type="text/javascript" src="js/jquery.js" ></script>
??<script type="text/javascript" src="js/bootstrap.min.js" ></script>
2018-09-04
只是把dropdown-menu右對(duì)齊(原本是左對(duì)齊),并不涉及與dropdown的對(duì)齊,如果你想對(duì)齊,還需要將dropdown上添加pull-right類名。? ? ? ??
當(dāng)然你如果只是涉及dropdown-menu文字右對(duì)齊,那么添加
.dropdown-menu{
text-align:right!important;
}
2017-08-14
我的也是有一部分內(nèi)容在pull-right時(shí)被被擋住一部分,他的style中設(shè)置了一個(gè)
body {
? padding: 50px 100px;
}
所以他的沒有被擋住
2017-01-13
<div class="dropdown" >
? ?<button type="button" class="btn btn-defaule dropdown-toggle" data-toggle="dropdown">
? ? 你喜歡干什么
? ? <span class="caret"></span>
? ?</button>
? ?<ul class="dropdown-menu dropdown-menu-left" role="menu" >
? ? <li class="dropdown-header">沒有A標(biāo)簽</li>
? ? <li>旅游</li>
? ? <li>美食</li>
? ? <li>健身</li>
? ? <li>電影</li>
? ? <li class="divider"></li>
? ? <li role="presentation" class="dropdown-header">加入a標(biāo)簽</li>
? ? <li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">旅游</a></li>
? ? <li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">美食</a></li>
? ? <li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">看書</a></li>
? ? <li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">音樂</a></li>
? ? <li role="presentation"><a href="#" target="_blank"role="menuitem" tabindex="-1">電影</a></li>
? ?</ul>
? ?
? </div>
? <script src="js/jquery-3.1.1.js"></script>
? <script src="js/bootstrap.min.js"></script>?