【问题标题】:Bootflat accordions with button带按钮的 Bootflat 手风琴
【发布时间】:2015-10-21 18:53:31
【问题描述】:

我有这个块

<div class="panel-group panel-group-lists collapse in" id="accordion2">            
        <div class="panel panel-margin">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion2" href="#collapseFour" class="collapsed">
                        <span class="badge badge-danger badge-reports badge-reports-text">NEW</span>
                        <span class="report-title">VIN Code 1M8GDM9A_KPO42788</span>
                        <span class="report-date">11 jun / 12:54 AM</span>
                        <!-- dropdown must be here -->
                    </a>
                </h4>
            </div>
            <div id="collapseFour" class="panel-collapse collapse" style="height: 0;">
                <div class="panel-body">
                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                </div>
            </div>
        </div>
</div>

我需要在面板右侧添加带有 glyphicon-option-horizo​​ntal 图标的下拉按钮。如何把按钮放到这个手风琴上?我尝试了我在 bootflat 和 bootstrap 中找到的所有内容:input-group-btn 等。请帮我解决这个问题/

【问题讨论】:

  • 你想把下拉菜单放在哪里。哪个 div ?
  • 我需要a标签中的下拉菜单

标签: html css twitter-bootstrap


【解决方案1】:

像这样添加了span

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour" class="collapsed">
   <span class="badge badge-danger badge-reports badge-reports-text">NEW</span>
   <span class="report-title">VIN Code 1M8GDM9A_KPO42788</span>
   <span class="report-date">11 jun / 12:54 AM</span>
   <span class="glyphicon glyphicon-option-horizontal"></span>
</a>

希望这会有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-12-29
    • 2015-05-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-21
    相关资源
    最近更新 更多