引导折叠移动html正文的其余部分_Html_Twitter Bootstrap

引导折叠移动html正文的其余部分

html twitter-bootstrap

引导折叠移动html正文的其余部分,html,twitter-bootstrap,Html,Twitter Bootstrap,我使用bootstrap并使其崩溃，但每次我点击它，身体的其他部分就会下降/上升。有可能不移动身体的其他部分吗？这是我的示例代码： <body> <div class="panel-group"> <div class="panel panel-default"> <div id="collapse1" class="panel-collapse collapse">

我使用bootstrap并使其崩溃，但每次我点击它，身体的其他部分就会下降/上升。有可能不移动身体的其他部分吗？这是我的示例代码：

<body>
    <div class="panel-group">
        <div class="panel panel-default">
            <div id="collapse1" class="panel-collapse collapse">
                <div class="panel-body">Panel Body</div>
                <div class="panel-footer">Panel Footer</div>
            </div>
            <div class="panel-heading">
                <h4 class="panel-title"><a data-toggle="collapse" href="#collapse1">Collapsible panel</a></h4>
            </div>
        </div>
    </div>
</body>


面板主体
面板页脚

原因是父容器的高度是自动的。因此，如果调整子容器的大小，它将基本上调整大小

设置父对象的高度。可以通过编程将其设置为固定高度，也可以将其设置为页面高度的%或其他任何值。下面是100%的页面高度：

.panel-group
 {
   height:100vh;
 }

范例