Bootstrap snippet: Web Patient App

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.



<div class="container container-fluid"> <div class="alert alert-success"> <img class="" src="" /><a href="#">Link</a> / <a href="#">Link</a> / <a href="#">Link</a><br> <h4>Web Patient App</h4> </div> </div> <div class="container"> <div class="row"> <div class="col-md-8"> <button type="button" class="btn btn-default">Edit</button> <button type="button" class="btn btn-default">Comment</button> <h2>Details</h2> <hr> <h2>Description</h2> <hr> <p>Web Patient App - Language Selection Presentation</p> <h2>Activity</h2> <hr> <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#tab1" role="tab" data-toggle="tab">All</a></li> <li><a href="#tab2" role="tab" data-toggle="tab">Comments</a></li> <li><a href="#tab2" role="tab" data-toggle="tab">Work Log</a></li> <li><a href="#tab2" role="tab" data-toggle="tab">History</a></li> <li><a href="#tab2" role="tab" data-toggle="tab">Activity</a></li> <li><a href="#tab2" role="tab" data-toggle="tab">Transitions</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1">Tab 1</div> <div class="tab-pane" id="tab2">Tab 2</div> </div> <hr> <button type="button" class="btn btn-default">Comment</button> </div> <div class="col-md-4"> <h2>People</h2> <hr> <div class="row"> <div class="col-md-4"> <p>Assignee:</p> </div> <div class="col-md-8"> <p>Some detail<br>Some detail</p> </div> </div> <h2>Dates</h2> <hr> <h2>Agile</h2> <hr> </div> </div> </div>
body{margin-top:20px;}
ajeetaryan

Web Patient App

ajeetaryan
  Aug 16th, 11:47
23 Views