小编ima*_*mag的帖子

在大分辨率的Bootstrap 3折叠手风琴中禁用切换选项

Bootstrap折叠手风琴的切换功能是否只能在较大的分辨率下禁用?

目标是让手风琴在小分辨率下折叠,可选择切换状态,并扩展大分辨率,无需切换状态.使用Bootstrap内置功能实现这一目标的最佳方法是什么?

我用现在的东西做了一个小提琴演示.我对JS不好.

JSFiddle DEMO:http://jsfiddle.net/1crojp98/1/

HTML:

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

    <div class="panel panel-default col-sm-6">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title text-center">
            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            Panel 1
            </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tristique laoreet dui, id porttitor ipsum convallis vel. Integer turpis nisl, rhoncus sed hendrerit sit amet, adipiscing nec eros. Suspendisse potenti. Nam quis risus libero. …
Run Code Online (Sandbox Code Playgroud)

javascript accordion collapse twitter-bootstrap twitter-bootstrap-3

7
推荐指数
1
解决办法
2万
查看次数