Author
Released
10/12/2012- 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
- Making the nav bar responsive with JavaScript
- Adding dropdown menus to the nav bar, tabs, and pill
Skill Level Beginner
Duration
Views
(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.
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?
Related Courses
-
CSS: Page Layouts (2012)
with James Williamson8h 57m Beginner
-
Introduction
-
Welcome47s
-
Using the exercise files1m 8s
-
-
1. Getting Started with Bootstrap
-
What is Bootstrap?2m 3s
-
-
2. The Grid System in Bootstrap
-
Nesting with fluid grids5m 57s
-
Adding a hero unit6m 10s
-
Creating a thumbnail gallery6m 51s
-
3. CSS Overview
-
Exploring basic typography4m 18s
-
Including blockquotes4m 26s
-
Including lists4m 52s
-
Styling buttons6m 6s
-
Incorporating images5m 34s
-
Incorporating icons3m 55s
-
-
4. Navigation Systems
-
Adding breadcrumbs8m 33s
-
-
5. JavaScript Effects
-
Tabbing within the same page7m 46s
-
Creating modal windows7m 11s
-
Creating a photo carousel6m 44s
-
Conclusion
-
Other resources38s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome