Как скрыть столбец Bootstrap на некоторых страницах

Мне нужно скрыть «правый» столбец в «md position» на некоторых страницах (логин, регистрация, контакты ...) и расширить «main» до col-md-12.Как скрыть столбец Bootstrap на некоторых страницах

мой 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>

источник

2015-04-01 Brigadier

Пожалуйста, используйте описательные заголовки вопросов, а не список тегов. – isherwood

будет делать следующий раз сэр! – Brigadier

Если вы довольны одним из ответов, не забудьте выбрать лучший и принять его с помощью кнопки «принять» рядом с ответом. :) – TeeJay

я думаю, что самый простой способ проверяет параметр & вид в шаблоне и действуют на основании его стоимости, например:

$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 полной ширины страницы

источник

2015-04-01 15:24:15

спасибо))))) – Brigadier

Существует также CSS путь. Вы можете распечатать опцию и просмотреть (или также itemid для выбора базы в выбранном пункте меню) от $_GET в качестве классов тегов <html> или <body>, а затем просто скрыть то, что вы хотите, с помощью CSS (display: none). Что касается расширения div #main до полной ширины, вы можете просто переопределить класс на #main при использовании этого подхода.

Чтобы показать пример, в CSS для сокрытия #right DIV и расширения #main DIV могут выглядеть следующим образом (например, для компонента K2 и детальных сообщений, в вашем случае только HTML классы (.com_k2 и .view-пункт) будет отличаться):

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

!important не может быть нужен, я не уверен, что надо попробовать.

источник

2015-04-02 00:18:18 TeeJay

Как скрыть столбец Bootstrap на некоторых страницах

ответ

Смежные вопросы