gpt4 book ai didi

javascript - Bootstrap 可折叠条的副作用

转载 作者:太空宇宙 更新时间:2023-11-03 22:33:38 26 4
gpt4 key购买 nike

我正在使用可折叠的侧边栏来打开和关闭嵌套的元素,点击它们就可以了。问题是在单击菜单项时它还会降低页面的其他部分。

如您所见,点击左侧菜单site所有正确的部分也下降了。

这是布局:

<body>

<?php $this->view('header'); ?>

<div class="container-fluid">
<div class="row">
<div class="col-sm-3">
<?=$left?> <!-- HERE is the left menu-->
</div>
<div class="col-sm-6 align-self-center">
<?=$main_content?>
</div>
<div class="col-sm-3" id="right">
<?=$right?>
</div>
</div>

<div id ="bottom" class="fixed-bottom"> <?=$footer?> </div>

最佳答案

这是由于您使用了 align-self-center 类。删除该类,您的主要内容将保留。

在此处了解有关 align-self 的更多信息。

https://developer.mozilla.org/en-US/docs/Web/CSS/align-self

关于javascript - Bootstrap 可折叠条的副作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47580418/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com