Узел: экспресс с использованием синтаксиса pug для добавления элемента навигации

Question

Я использую express для визуализации шаблона, используя pug

layout.pug

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/css/style.css')
    link(rel='stylesheet', href='/css/bootstrap.css')

    script(type='text/javascript', src='/js/jquery.min.js')
    script(type='text/javascript', src='/js/bootstrap.min.js')
  body

    block content

Я хочу вставить базовую навигацию вверху тела, включая классы

нав-элемент

<nav class="navbar navbar-light">
  <a class="navbar-brand" href="#">
    <img src="img/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
    Bootstrap
  </a>
</nav>

Интересно, если бы кто-то уже мог это сделать, логика шаблона все еще довольно нова для меня.

Answer 1

Я наконец понял, как заставить его работать с точечной нотацией для классов, а в скобках можно указать атрибуты

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/css/bootstrap.css')
    link(rel='stylesheet', href='/css/style.css')

    script(type='text/javascript', src='/js/jquery.min.js')
    script(type='text/javascript', src='/js/bootstrap.min.js')
  body
    nav.navbar.navbar-light
      a.navbar-brand(href='/')
        img.d-inline-block.align-top(src='/img/bootstrap-solid.svg')
      a.log-out-link.hidden(href='#') Log Out
    block content