(light music) - Hi, I'm Jen Kramer, welcome to Up and Running with Bootstrap. In this course, I'll show you how to download the Bootstrap framework and integrated CSS and Java Script into your website. Then we'll cover Bootstrap's responsive, twelve column grid system, which makes webpage layouts quick to assemble, but provides lots of flexibility. We'll also look at the CSS styling that comes with Bootstrap. Including the right way to override and tweak those styles for your own sites.
We'll explore navigation systems that come with Bootstrap, including tabs, pills, as well as pagination. Finally, I'll go over some cool Java Script effects that come with Bootstrap. Including, moto-windows and a fun photo carousel. So let's get started with Up and Running with Bootstrap.
- Understanding the difference between default and fluid grids
- Nesting with fluid grids
- Creating a thumbnail gallery
- Adding block quotes and lists of text
- Incorporating images and icons
- Adding breadcrumb navigation and pagination
- Using tabs and pills navigation
- Adding dropdown menus to the nav bar, tabs, and pill
Skill Level Beginner
Q: I am trying to create the image carousels shown in this course, and they are not functioning properly. The custom.css file seems to be missing from the exercise files and I think this is the reason. Can you provide it?
<div>A: custom.css isn't created until the carousel indicators are added. However, these styles have to do with the way the indicators look, and nothinghas to do with the way the carousel functions.</div><div> </div><div>Are you sure you're working with Bootstrap 2.x? You download that from here:
<a target="_blank" href="http://getbootstrap.com/2.3.2/">http://getbootstrap.com/2.3.2/</a>. The carousel changed radically between Bootstrap 2.x and Bootstrap 3, and this course might not work with version 3.</div>