2

抱歉，这是另一个引导问题，但在与此作斗争 1 1/2 天后，我希望也许有人可以帮助我解决这个问题。

我有一个带有引导菜单和选项卡的 asp.net 4.5 网络表单（它们工作得很好！）在移动视图中，我想显示一个手风琴而不是选项卡。

我创建了一个新部分并按照引导示例中的代码进行操作，但无法切换。当我点击一个链接时，什么也没有发生。

我将其中一个手风琴部分更改为手风琴体折叠，以便打开一个部分，希望它可能对他们有用。

没运气。它在第一次打开时是打开的，但是一旦您单击另一个手风琴标题，打开的标题就会关闭，并且什么都不会打开。

    <section class="hidden-desktop visible-tablet visible-phone">
        <div id="accordion2" class="accordion">

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acServ">Services
                    </a>
                </div>

                <div id="acServ" class="accordion-body collapse in">
                    <div class="accordion-inner">
                        <div>
                            Services
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acSched">Scheduling
                    </a>
                </div>

                <div id="acSched" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Scheduling
                        </div>
                    </div>
                </div>
            </div>

            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acClient">Clients
                    </a>
                </div>

                <div id="acClient" class="accordion-body collapse">
                    <div class="accordion-inner">
                        <div>
                            Clients
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acForm">Formulas
                    </a>
                </div>

                <div id="acForm" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Formulas
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acProd">Products
                    </a>
                </div>

                <div id="acProd" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Products
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acAbout">About
                    </a>
                </div>

                <div id="acAbout" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            About
                        </div>
                    </div>
                </div>
            </div>
            <div class="accordion-group">
                <div class="accordion-heading">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#acStart">Get Started
                    </a>
                </div>

                <div id="acStart" class="accordion-body collapse">
                    <div class="accordion-inner">

                        <div>
                            Get Started
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

有人对发生的事情有任何想法吗？

哦，是的，脚本的顺序如下......

<script src="Scripts/jquery-1.9.1.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="Scripts/bootstrap-collapse.js"></script>
<script src="Scripts/bootstrap-transition.js"></script>

而css就像......

<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="Content/Site.css" rel="stylesheet" />

Site.css 是我对 bootstrap.css 选项卡所做的一些简单更改（即颜色）。

4

0 回答 0