大家有木有居右之后就显示不出一部分字

来源:5-5 下拉菜单(对齐方式)

慕妹4687642

2017-01-13 16:56

<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标签</li>
    <li>旅游</li>
    <li>美食</li>
    <li>健身</li>
    <li>电影</li>
    <li class="divider"></li>
    <li role="presentation" class="dropdown-header">加入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>
    <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>

写回答 关注

3回答

  • 明明的明天12
    2018-09-04 18:43:11

    只是把dropdown-menu右对齐(原本是左对齐),并不涉及与dropdown的对齐,如果你想对齐,还需要将dropdown上添加pull-right类名。        

    当然你如果只是涉及dropdown-menu文字右对齐,那么添加

    .dropdown-menu{

    text-align:right!important;

    }

  • qq_馒头_29
    2017-08-14 17:09:25

    我的也是有一部分内容在pull-right时被被挡住一部分,他的style中设置了一个

    body {

      padding: 50px 100px;

    }

    所以他的没有被挡住


  • 褐色情调
    2017-01-13 17:27:39

    <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标签</li>

        <li>旅游</li>

        <li>美食</li>

        <li>健身</li>

        <li>电影</li>

        <li class="divider"></li>

        <li role="presentation" class="dropdown-header">加入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>

        <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> 


玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题