Bonjour tous le monde ;

je suis entrain de créé un nouveau theme drupal et j'ai utilisé bootstrap4 pour qu'il soit responsive ;

mon problème je sais pas comment accéder a ce forme pour le modifier , pour les autres partie du page il suffit de faire {{page.header}} par exemple ;

mon fichier .libraries.yml

global-css:
  css:
    theme:
      css/bootstrap.min.css: {}
 
global-js:
  js:
    js/jquery-3.3.1.min.js: {}
    js/popper.min.js: {}
    js/bootstrap.min.js: {}

Template principale : page.html.twig

{% include directory ~ '/partial/header.html.twig' %}

<div class="container">
  <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 #}