<div class="row">
     <div class="col-md-6">
        <div class="widget stacked">
           <div class="widget-header">
              <i class="icon-tasks"></i>
              <h3>Vertical Form</h3>
           </div>
           <!-- /.widget-header -->
           <div class="widget-content">
              <div class="bs-example">
                 <div class="alert alert-success">
                    <strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.
                 </div>
                 <div class="alert alert-info">
                    <strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important.
                 </div>
                 <div class="alert alert-warning">
                    <strong>Warning!</strong> Best check yo self, you're <a href="#" class="alert-link">not looking too good</a>.
                 </div>
                 <div class="alert alert-danger">
                    <strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.
                 </div>
              </div>
           </div>
           <!-- /.widget-content -->
        </div>
        <!-- /.widget -->
     </div>
     <!-- /.col-md-6 -->
  </div>
  <!-- /.row -->