
















<div class="btn-group btn-group-justified" role="group" aria-label="Resume View Type">
    <a href="?view=tiimeline" class="btn btn-default" role="button">Timeline</a>
    <div class="btn-group">
        <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
           Options <span class="caret"></span>
       </button>
       <ul class="dropdown-menu"> 
           <li><a href="#">Action</a></li>
           <li><a href="#">Another action</a></li>
           <li><a href="#">Something else here</a></li>
           <li role="separator" class="divider"></li>
           <li><a href="#">Separated link</a></li> 
       </ul>
    </div>
    <a href="?" class="btn btn-default" role="button">Standard</a>
</div>


















<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" aria-label="...">
            </span>
            <span class="input-group-addon" id="basic-addon3">
                Show / Hide the Bullshit
            </span>
        </div>
    </div>
</div>










<div class="row">
    <div class="col-lg-6">



<div class="input-group">
    <span class="input-group-addon" id="basic-addon3">https://example.com/users/</span>
    <input type="checkbox" aria-label="...">
  </div>

</div>
</div>











<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" aria-label="...">
            </span>
            <input type="text" class="form-control" aria-label="...">
        </div>
    </div>
</div>




<div class="row">
    <div class="col-lg-6">
        <div class="input-group">
            <span class="input-group-addon">
                <input type="checkbox" aria-label="...">
            </span>
            
    <span class="input-group-addon" id="basic-addon3">https://example.com/users/</span>
        </div>
    </div>
</div>

<div class="input-group">
    <span class="input-group-addon" id="basic-addon1">@</span>
    <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
  </div>



  <div class="input-group">
    <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
    <span class="input-group-addon" id="basic-addon2">@example.com</span>
  </div>

  <label for="basic-url">Your vanity URL</label>
  <div class="input-group">
    <span class="input-group-addon" id="basic-addon3">https://example.com/users/</span>
    <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
  </div>