Solution:
Add min-height: 0.1px to .card-img
Category: Bootstrap
Collapse Bootstrap Navbar on sm Screen
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
Align Bootstrap 3 Modal to Center Vertically
.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%;}
}
Remove padding on Mobile
@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;
}
}
Increase the height of Bootstrap Modal
Add the following css:
.modal-body { max-height: 800px; }
Nice Bootstrap Components
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/#