Question

我需要在某些页面的“md position”中隐藏“右侧”列（登录，注册，联系人......）并将“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

我认为最简单的方法是检查选项＆amp;在模板中查看并根据其值进行操作，例如：

$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">';
}

和类似检查右侧菜单

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

然后你可以签入模板，如果在那个位置有注意，只需要制作主div整页宽度

Answer 2

还有一种CSS方式。您可以从$_GET打印选项和视图（或所选菜单项上的itemid到基本选择）作为<html>或<body>标签的类别，然后隐藏您想要的内容CSS（display: none）。至于将#main div扩展为全宽，您可以在使用此方法时覆盖#main上的类。

为了向您展示一个示例，用于隐藏#right div和扩展#main div的CSS可能看起来像这样（K2组件和帖子'详细视图的示例，在您的情况下只是html类（ .com_k2和.view-item）会有所不同）：

html.com_k2.view-item #right { display: none; }
html.com_k2.view-item #main.col-md-9 { width: 100% !important; }

我不确定是否需要!important，我不得不尝试。

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

2 个答案: