Individual form controls automatically receive some global styling.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30
<div class="row"> <div class="form-group"> <div class="col-md-6"> <label> Your name *</label> <input type="text" id="name" name="name" class="form-control" maxlength="100" /> </div> <div class="col-md-6"> <label> Your email address *</label> <input type="email" id="email" name="email" class="form-control" maxlength="100" /> </div> </div> </div> <div class="row"> <div class="form-group"> <div class="col-md-12"> <label> Comment *</label> <textarea style="height: 138px;" id="comment" name="comment" class="form-control" rows="10" maxlength="5000"></textarea> </div> </div> </div> <div class="row"> <div class="col-md-12"> <input type="submit" data-loading-text="Loading..." class="btn btn-primary btn-lg" value="Post Comment" /> </div> </div>
Large
1 2 3 4 5 6 7 8 9
<ul class="pagination pagination-lg"> <li><a href="#">«</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul>
Default
<ul class="pagination"> <li><a href="#">«</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul>
Small
<ul class="pagination pagination-sm"> <li><a href="#">«</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul>