Bootstrap 3 The Love Affair
Bootstrap 3.1: Base CSS
Bootstrap has many reasons to love it. Why? Apart from being a FREE open-sourced, really powerful, mobile-first responsive front-end framework, it also provides you with quite a lot of value right out of the box with very little effort. With just a simple knowledge of some of the basic elements of Bootstrap styles, it takes just a small amount of work typically just adding an CSS class here or there to HTML elements you already have in place to to truly transform your site into a professional-looking cleanly designed web application. In this course, we look at what basic CSS classes come with Bootstrap and how to apply them to your site to make it look great. You ll be surprised at how easy it is, and maybe you re love affair with this front-end framework will begin too
Bootstrap 3.1: Components
HTML is pretty simple. There are a limited number of elements, and onlym so much you can do to style those individual elements. Bootstrap s core CSS does a good job with that default styling, but now it s time to take the next step. In this course, we ll look at Bootstrap Components these are design elements that are not a part of HTML proper, but a combination of HTML and CSS that create compelling visual design elements to help create engaging user interfaces. We ll look at creating some different input elements, page navigation, emphasizing content in subtle ways with labels and badges, or in big ways with jumbotrons. We ll also check out how we can visually separate content from its surroundings both text-based content in wells, panels and alerts, and images in thumbnails. It all comes together beautifully with Bootstrap to make our job of creating great-looking websites easy!