Page Header

Page Header

Most applications will contain a page header. The page header provides areas for navigation, application title, and other controls. Most of your applications high-level actions and navigation will most likely take place in the header.

<nav class="navbar navbar-default" role="navigation">
   <div class="container-fluid">
       <div class="navbar-header">            
           <button class="btn btn-default icon-chevron-left navbar-btn"></button>            
           <h1 style="display:inline-block;" class="navbar-title">Incident</h1>
       </div>      
       <div class="nav navbar-right">
           <button class="btn btn-icon icon-menu navbar-btn"></button>
           <button class="btn btn-icon icon-paperclip navbar-btn"></button>
           <button class="btn btn-icon icon-help navbar-btn"></button>
           <button type="submit" class="btn btn-default navbar-btn">Resolve</button>
           <button type="submit" class="btn btn-primary navbar-btn">Submit</button>
       </div>
   </div>
</nav>