Fatal编程技术网
  • javascript/
  • Javascript 引导可折叠条副作用

Javascript 引导可折叠条副作用

javascript html css twitter-bootstrap

Javascript 引导可折叠条副作用,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我使用了一个可折叠的边栏，可以打开和关闭嵌套的项目，点击它们就可以了。问题是，当单击菜单项时，它也会使页面的另一部分向下移动 正如你所看到的，点击左边的菜单，右边的部分也会下降 这是布局图： <body> <?php $this->view('header'); ?> <div class="container-fluid"> <div class="row"> <div class="col-sm-3">

我使用了一个可折叠的边栏，可以打开和关闭嵌套的项目，点击它们就可以了。问题是，当单击菜单项时，它也会使页面的另一部分向下移动

正如你所看到的，点击左边的菜单，右边的部分也会下降

这是布局图：

<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的更多信息

这是由于您使用了
align self-center
类。移除该类，您的主要内容将保持不变

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

删除align self-center类，该类会导致项目在中心垂直对齐

<div class="col-sm-6 ">
                    <h1>Willkommen bei medica Ärztebedarf</h1>


威尔科曼医学院（Willkommen bei medicaÄrztebedarf）
删除align self-center类，该类会导致项目在中心垂直对齐

<div class="col-sm-6 ">
                    <h1>Willkommen bei medica Ärztebedarf</h1>


威尔科曼医学院（Willkommen bei medicaÄrztebedarf）
我检查了您的代码，问题是包含菜单的div后面的div：


…菜单
……内容
我检查了您的代码，问题是包含菜单的div后面的div：


…菜单
……内容