在bootstrap中删除Accordion的边框

Question

这是导航列表类的图片：

我想用手风琴做下拉列表。为此，我想删除边框。

我尝试了以下方法，但它不起作用：

.accordion, .accordion * {
    border:none;
}

这是我的HTML代码：

<div class="span3">
    <ul class="nav nav-list">

        <li><a href="#">At least 4</a></li>
        <li><a href="#">At least 3</a></li>
        <li class="nav-header">Search by Hourly rate</li>
        <li><a href="#">dfa</a></li>
    </ul>

    <div class="accordion" id="ac2">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#ac2" href="#cone">
                    item #1
                </a>
            </div>
            <div id="cone" class="accordion-body collapse">
                <div class="accordion-inner">
                    adfadf<br />dafa
                </div>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#ac2" href="#ctwo">
                    item #2
                </a>
            </div>
            <div id="ctwo" class="accordion-body collapse">
                <div class="accordion-inner">
                    what is ad
                </div>
            </div>
        </div>
    </div>
</div>

有没有像手风琴那样制作下拉菜单的建议？

Answer 1

Theo边界位于accordion-group类，即Bootstrap 2（可能是3），请为您添加。修复如下：

.accordion-group {
  border: none;
}

Answer 2

它没有用，因为我使用的是Bootstrap v 2.3.2 当我将其升级到Bootstrap v 3.2.0

时，它工作正常