Содержание боковой панели, отображаемое ниже основного содержимого в drupal 8 - PullRequest
Новая
       7

Содержание боковой панели, отображаемое ниже основного содержимого в drupal 8

0 голосов
/ 11 ноября 2018

Я создал собственную тему в Drupal 8.6. Все работает нормально, но по какой-то причине, если я помещаю контент в область боковой панели, он переходит в конец моей страницы после основного контента. Любые предложения о том, как это исправить, будут высоко оценены. Спасибо

Вот мой page.html.twig 

<div class="layout-container">

<header role="banner">
{{ page.header }}
</header>

<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}

<div class="layout-content">
  {{ page.content }}
</div>{# /.layout-content #}

{% if page.sidebar %}
  <aside class="layout-sidebar-first" role="complementary">
    {{ page.sidebar }}
  </aside>
{% endif %}

</main>

{% if page.footer %}
<footer role="contentinfo">
  {{ page.footer }}
</footer>
{% endif %}

</div>{# /.layout-container #}

st_saviours.info.yml file 

name: St Saviours
description: Drupal 8 theme
type: theme
core: 8.x
libraries:
  - st_saviours/global-css
  - st_saviours/global-js
stylesheets-remove:
  - core/themes/stable/css/views/views.module.css
  - core/themes/stable/css/system/components/align.module.css
regions:
  header : 'Header'
  content: 'Main Content'
  footer: 'Footer'
  sidebar : 'Sidebar'

1 Ответ

0 голосов
/ 12 ноября 2018

Я использовал макет сетки начальной загрузки, чтобы упорядочить основное содержимое и боковую панель в моем файле page.html.twig. 

<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="col-md-12">
  <div class="row">



      {% if (page.first_sidebar and page.second_sidebar) %}
        <div class="col-md-4">
          <aside class="layout-sidebar-first" role="complementary">
            {{ page.first_sidebar }}
          </aside>
        </div>

        <div class="col-md-5">
            <div class="layout-content">
              {{ page.content }}
            </div>{# /.layout-content #}
        </div>


        <div class="col-md-3">
          <aside class="layout-sidebar-second" role="complementary">
            {{ page.second_sidebar }}
          </aside>
        </div>
      {% else %}
        <div class="col-md-12">
          <div class="row">
            <div class="layout-content">
              {{ page.content }}
            </div>{# /.layout-content #}
          </div>
        </div>
      {% endif %}

  </div>  
</div>
</main>
...