Custom Layout


In order to use Bootstrap, you must create a custom layout. Layouts are created using HTML and Wikidot modules.

Here is the code for the layout used on this site.

<div class="my-fluid-container">
  <div class="container">
    <div class="pull-right">[[module LoginStatus]]</div>
    <div class="text-center">
      <a href="/"><img src="/local--resized-images/home/Bootstrap3.jpg/medium.jpg" class="img-responsive img-center"></a>
    </div>
    <nav class="navbar navbar-default" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Bootstrap 3.0</a>
      </div>
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav">
          <li><a href="/home">Home</a></li>
          <li><a href="/about">About</a></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Wikidot Setup <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="/overview">Overview</a></li>
              <li><a href="/custom-layout">Custom Layout</a></li>
              <li><a href="/custom-css">Custom CSS</a></li>
              <li><a href="/wikidot-modules">Wikidot Modules</a></li>
            </ul>
          </li>
          <li><a href="/legacy" class="icon-save">Legacy</a></li>
          <li><a href="/forum:start">Discussion</a></li>
        </ul>
      </div>
    </nav>
    <hr>
    [[content]]
    <hr>
    <div class="text-center">
      [[module PageOptionsBottom]]
    </div>
  <div class="container">
    [[module FooterBar]]
  </div>
  </div>
</div>

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License