<div class=“modal fade” id=“tocSearch” tabindex=“-1” role=“dialog” aria-labelledby=“tocSeachLabel”>

<div class="modal-dialog" role="document">
  <div class="modal-content">
    <div class="modal-header">
      <h4 class="modal-title" id="tocSeachLabel">Find topics by title</h4>
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="modal-body">
      <input type="text" id="tocSearchInput" class="mb-3" style="width:100%" />
      <p class="small">
        <em>Topic finder</em> activated by typing “<strong>t</strong>”. Continue typing to filter
        the list of topics.
      </p>
      <p class="small">
        Use <kbd>↑</kbd> and <kbd>↓</kbd> to navigate the results; then press <kbd>ENTER</kbd> to
        view a topic, or <kbd>ESC</kbd> to close this dialog.
      </p>
    </div>
    <!-- (search results appear here) -->
    <div class="modal-footer"></div>
  </div>
</div>

</div>