1 Отредактировано Ярослав (27.04.2016 21:31:11)

Тема: Темы по сетке BS и несколько обернутых контейнеров

Здравствуйте!
Верстаю тему с одного шаблона на BS 3.
Необходимо оборачивать несколько контейнеров.
Вкладывать контейнеры в конструкторе можно, но было бы неплохо для некоторых контейнеров и строк иметь возможность указывать генерировать ли конструкцию"<div class="container"> " <div class="row"> или нет.

Поясню на примере, где иногда не надо оборачивать container и когда не нужен row:

                 <!-- Несколько container оборачиваются div -->
<div id="wrapper">
         
            <div id="topBar">
                 
            </div>
 
            <div id="header">
            <div class="container">
                 <!-- ТУТ НЕ нУЖЕН ROW-->
                    <ul class="top-links list-inline pull-right">
                        <li class="text-welcome hidden-xs">Welcome, <strong>John Doe</strong></li>
    
                    </ul>
              </div>
            </div>
 
            <section>
           <div class="container">

            <h2 class="owl-featured noborder"><strong>FEATURED</strong> PRODUCTS</h2>
                 <!-- ТУТ НЕ нУЖЕН ROW-->
             </div>
                [SECTION_1]
            </section>
 
            ....
 
            <section>
                [SECTION_N]
            </section>
 
        </div>

Т.е. не получается в конструкторе сделать несколько повторяющихся контейнеров, обернутых одним div.

Как вариант, можно не генерировать div с классом container или row при указанном внешнем шаблоне, так как в нем и так можно добавить нужную конструкцию.

Re: Темы по сетке BS и несколько обернутых контейнеров

Как вариант можно указать внешний шаблон в котором будет открывающий тег, а в другом контейнере во внешнем шаблоне закрывающий тег. У вас wrapper оборачивает весь контент внутри body? Какой он смысл несёт в Вашем случае?

Просто у BS логика такая, что всегда должен быть контейнер.

Re: Темы по сетке BS и несколько обернутых контейнеров

Да, возможно вариант с внешним шаблоном у первого и последнего контейнера подойдет.

Вот структура по документации к шаблону. wrapper оборачивает только часть данных.:

<!DOCTYPE html>
<html lang="en-us">
  
    <head>
        [HEAD_META]
    </head>
 
    <body class="smoothscroll enable-animation">
 
        <div id="slidetop">
            [SLIDE_TOP]
        </div>
 
        <div id="wrapper">
         
            <div id="topBar">
                [TO_BAR]
            </div>
 
            <div id="header">
                [BUTTONS]
                [LOGO]
                [NAV_MAIN]
            </div>
 
            <section>
                [SECTION_1]
            </section>
 
            ....
 
            <section>
                [SECTION_N]
            </section>
 
        </div>
  
 
        <!-- FOOTER -->
        <footer id="footer">
            [FOOTER_CONTENT]
        </footer>
        <!-- /FOOTER -->
 
        [PAGE_JAVASCRIPTS]
 
    </body>
</html>

Вопрос остается  с row, так как они не везде нужны (на примере в первом посте - меню и слайдер). Возможно ли переопределить tpl в системном шаблоне system?

Re: Темы по сетке BS и несколько обернутых контейнеров

Да tpl можно переопределить:
В той же папке где и system, нужно сделать папку mysystem и повторить тот же путь к шаблону.

Re: Темы по сетке BS и несколько обернутых контейнеров

Специально для Вас Ярослав
https://www.youtube.com/watch?v=n6ufZ2b … L4X2UTC6Aw

Re: Темы по сетке BS и несколько обернутых контейнеров

Спасибо, Александр! Посмотрю ролики сегодня.