【问题标题】:joomla bootstrap 3. change container size if columns have modulesjoomla bootstrap 3. 如果列有模块,则更改容器大小
【发布时间】:2016-11-19 16:55:12
【问题描述】:

我已经用 bootstrap 构建了一个 joomla 3 模板。 我的模板有 3 列:左主和右。 如果左右列没有模块,如何将主列宽度更改为 100%? 我找到了这个例子

    // Adjusting content width
if ($this->countModules('position-7') && $this->countModules('position-8'))
{
    $span = "span6";
}
elseif ($this->countModules('position-7') && !$this->countModules('position-8'))
{
    $span = "span9";
}
elseif (!$this->countModules('position-7') && $this->countModules('position-8'))
{
    $span = "span9";
}
else
{
    $span = "span12";
}

但我需要用 col-md 更改 $span。正确的语法是什么?

我的 index.php:

<div class="row-fluid">
            <div class="col-md-8 col-md-push-2">
            <div id="main">                 
                <jdoc:include type="component" />                   
            </div>
            </div>

            <div class="col-md-2 col-md-pull-8">
            <div id="left-column">
            <?php if($this->countModules('left')) : ?>
            <jdoc:include type="modules" name="left" style="sidebar-nav" />
            <?php endif;?>
            </div>
            </div>
            <!---right-->
            <div class="col-md-2">
            <div id="right-column">
            <?php if($this->countModules('right')) : ?>
            <jdoc:include type="modules" name="right" style="none" />
            <?php endif;?>
            </div>
            </div>
        </div>

提前致谢

【问题讨论】:

    标签: twitter-bootstrap joomla


    【解决方案1】:

    这就是你要找的吗?

    <div class="row-fluid">
    
    <?php 
          if ($this->countModules('left') || $this->countModules('right')){ 
    ?>
          <!-- modules are enabled in left and or right module positions -->
          <div class="col-md-8 col-md-push-2">
                <div id="main">                 
                    <jdoc:include type="component" />                   
                </div>
          </div>
    
          <!---left-->
          <div class="col-md-2 col-md-pull-8">
                <div id="left-column">
                <?php if($this->countModules('left')) : ?>
                <jdoc:include type="modules" name="left" style="sidebar-nav" />
                <?php endif;?>
                </div>
          </div>
    
          <!---right-->
          <div class="col-md-2">
                <div id="right-column">
                <?php if($this->countModules('right')) : ?>
                <jdoc:include type="modules" name="right" style="none" />
                <?php endif;?>
                </div>
          </div>
    
    
    
    <?php 
    } else {
    ?>
    
          <!-- no modules are enabled in both the left and right module positions -->
    
           <div class="col-md-12">
                <div id="main">                 
                    <jdoc:include type="component" />                   
                </div>
          </div>
    
    
    <?php 
    } 
    ?>
    
    </div> <!-- close row-fluid -->
    

    【讨论】:

    • 谢谢,我很高兴它对你有用@johnl 我喜欢 Joomla 模板的一件事是,有了一些 php 和 css 知识,开始将模板 index.php 文件弯曲到满足您的需求。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-13
    • 2017-04-09
    • 1970-01-01
    • 2018-06-30
    • 1970-01-01
    • 2014-04-08
    相关资源
    最近更新 更多