css - 如何在某些页面上隐藏 Bootstrap 列

Question

我需要在某些页面(登录、注册、联系人...)的“md 位置”隐藏“右”栏并将“main”扩展到 col-md-12。

我的 index.php

<div class="container">
  <div class="row">             
    <div id="main" class="col-md-9 col-xs-12">
      <jdoc:include type="component" />
    </div>
    <div id="right" class="col-md-3 col-xs-12">
      <?php if($this->countModules('right')) : ?>
       <jdoc:include type="modules" name="right" style="none" />
      <?php endif; ?>
    </div>
  </div>
</div>

Answer 1

我认为最简单的方法是检查模板中的选项和 View 并根据其值采取行动，例如:

$app = JFactory::getApplication();
if(in_array($app->input->get('view'), array('login', 'registration') && in_array($app->input->get('option') ,array('com_users')){
    echo ' <div id="main" class="col-md-12 col-xs-12">';
}
else {
    echo ' <div id="main" class="col-md-9 col-xs-12">';
}

和类似的右菜单检查

您还可以创建用于登录和注册的菜单......并且不要在此菜单中为您要隐藏的位置添加任何模块

然后如果那个位置有注释，你可以 checkin 模板，只需让主 div 整页宽度