Twitter bootstrap Bootstrap3.x:如何在下拉菜单行中放置多个项目

Twitter bootstrap Bootstrap3.x:如何在下拉菜单行中放置多个项目,twitter-bootstrap,twitter-bootstrap-3,drop-down-menu,Twitter Bootstrap,Twitter Bootstrap 3,Drop Down Menu,Bootstrap 3.x提供了从 ... 等 有没有更好的方法在下拉列表中生成这种类型的列表 谢谢 > P>对于你正在尝试完成的,你可能需要考虑Bootstrap内置的手风琴,它使用崩溃数据目标。您可能会发现,通过这种方式,您可以减少与下拉列表内置样式的冲突,并且能够更好地自定义卡的结构。大概是这样的: ----------------------------------------------------- | Title of message | Delete | View |

Bootstrap 3.x提供了从
    • ... 等 有没有更好的方法在下拉列表中生成这种类型的列表


      谢谢

      > P>对于你正在尝试完成的,你可能需要考虑Bootstrap内置的手风琴,它使用崩溃数据目标。您可能会发现,通过这种方式,您可以减少与下拉列表内置样式的冲突,并且能够更好地自定义卡的结构。大概是这样的:

      -----------------------------------------------------
      | Title of message   | Delete | View | Mark as Read |
      |   Preview text...  |        |      |              |
      -----------------------------------------------------
      | etc...                                            |
      
      <div id="accordion">
        <div class="card">
          <div class="card-header" id="headingOne">
            <div class="col-md-6">
                <h5 class="mb-0">
                   <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                   Message preview/read more text
                  </button>
                </h5>
            </div>         
            <div class="col-md-2">2</div>
            <div class="col-md-2">3</div>
            <div class="col-md-2">4</div> 
          </div>
          <div id="collapseOne" class="collapse show" aria labelledby="headingOne" data-parent="#accordion">
            <div class="card-body">
                 Message body here
            </div>
          </div>
      </div>
      
      
      邮件预览/阅读更多文本
      2.
      3.
      4.
      这里是消息正文
      

      这样,您就可以使用JavaScript手柄或任何您正在使用的后端引擎,使用此模板无限地调用更多id/折叠区域。在这里查找有关Bootstrap手风琴的更多信息:我认为Bootstrap 3中也有对它的支持。

      如果我的回答对您有帮助,请给它“绿色支票”。
      <div id="accordion">
        <div class="card">
          <div class="card-header" id="headingOne">
            <div class="col-md-6">
                <h5 class="mb-0">
                   <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                   Message preview/read more text
                  </button>
                </h5>
            </div>         
            <div class="col-md-2">2</div>
            <div class="col-md-2">3</div>
            <div class="col-md-2">4</div> 
          </div>
          <div id="collapseOne" class="collapse show" aria labelledby="headingOne" data-parent="#accordion">
            <div class="card-body">
                 Message body here
            </div>
          </div>
      </div>