Category: Bootstrap

Solution:
Add min-height: 0.1px to .card-img

Recompile Bootstrap LESS at http://getbootstrap.com/customize and change grid-float-breakpoint to @screen-md-min

Reference:
http://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse

.modal {text-align: center;}

.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}

@media screen and (min-width: 768px) {

.modal:before {display: inline-block; vertical-align: middle; content: ” “; height: 100%;}

}

.modal {text-align: center;}
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle;}
@media screen and (min-width: 768px) {
.modal:before {display: inline-block; vertical-align: middle; content: ” “; height: 100%;}
}

@media (max-width: 978px) {
.container {
padding:0;
margin:0;
}

body {
padding:0;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
margin-left: 0;
margin-right: 0;
margin-bottom:0;
}
}

Reference:
http://stackoverflow.com/questions/16410659/bootstrap-removing-padding-or-margin-when-screen-size-is-smaller

Add the following css:

.modal-body { max-height: 800px; }

Form
https://bootsnipp.com/snipps/billing-address-form

jQuery Validate with Bootstrap Form
http://alittlecode.com/files/jQuery-Validate-Demo/index.html

Color Button
http://charliepark.org/bootstrap_buttons/

Left Sidebar
http://ironsummitmedia.github.io/startbootstrap-simple-sidebar/#