The first page that we will tackle in this project is the wiki home page. It consists of a two-column layout. The left side will be a feed of updated pages, and the right side will be our sidebar, which contains a list of categories. We'll also set up a page title and button for adding new content or pages.
Let's go ahead and set up the page title section first. It consists of an <h1>
heading and an Add Content button:
<div class="page-title"> <div class="row"> <div class="col-lg-6"> <h1>Featured Pages</h1> </div> <div class="col-lg-6 add-content"> <ul class="list-inline pull-right"> <li> <button type="button" class="btn btn-primary">+ Add Content</button> </li> </ul> </div> </div> </div>
I've divided each side into equal-width columns with the .col...