Video: Welcome

Hi, I am 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 JavaScript into your website. Then we'll cover Bootstrap's responsive 12-column grid system, which makes web page 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.

Bootstrap is a free web development tool from Twitter that, with a little bit of CSS and JavaScript experience, makes building websites quick, intuitive, and fun. Author Jen Kramer explores its 12-column grid layout; typography and icon libraries; fully functional components like nav bars, buttons, and tabs; and much more. This course also shows how to add JavaScript extras like dropdown menus, modal windows, and photo carousels.

Welcome

Hi, I am Jen Kramer. Welcome to Up and Running with Bootstrap.In this course I'll show you how to download the Bootstrap framework and integrated CSSand JavaScript into your website.Then we'll cover Bootstrap's responsive 12-column grid system, which makes web page layouts quickto assemble but provides lots of flexibility.We'll also look at the CSS styling that comes with Bootstrap, including the right way tooverride 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 JavaScript effects that come with Bootstrap, includingmodal windows and a fun photo carousel.So let's get started with Up and Running with Bootstrap.

Find answers to the most frequently asked questions about Up and Running with Bootstrap 2 .

Here are the FAQs that matched your search "" :

Expand all | Collapse all

please wait ...

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?

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.

Are you sure you're working with Bootstrap 2.x? You download that from here: http://getbootstrap.com/2.3.2/. The carousel changed radically between Bootstrap 2.x and Bootstrap 3, and this course might not work with version 3.

Sorry, there are no matches for your search "" —to search again, type in another word or phrase and click search.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.

Already a member ?

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships.
Learn more

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about lynda.com and our online training library:

new course releases

newsletter

general communications

special notices

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

new course releases

newsletter

general communications

special notices

Here’s our privacy policy with more details about how we handle your information.