Create a Responsive Website with Bootstrap 3

Download the compiled bootstrap package from getbootstrap.com, preserve the folder structure, build a hello world page with a jumbotron, and explain essential bootstrap tags.

Position a jumbotron inside a Bootstrap container and add a navigation element with tabs, including home, about, and contact, using nav-justified and an active state for emphasis.

Explore advanced Bootstrap features: pill navigation, a responsive 3-column grid, jumbotron, alerts, glyph icons, and a currency selector using a button group.

Demonstrates building a responsive bootstrap 3 page by converting pills into a nav bar, creating a currency selector with grouped buttons, and using alerts for investment types.

Use Google Chrome DevTools emulation to test Bootstrap layouts on iPhone, iPad, and Kindle, and convert the currency selector into a full-width vertical button group with btn-block.

Learn to enhance a website with bootstrap's media class to display user images and comments in a social-style feed, using media left and media body layouts with thumbnail styling.

Create a responsive navigation bar that spans the page on desktop and collapses to a toggle menu on small devices, with a brand logo and Bootstrap styling.

Create a Bootstrap navigation bar, using dropdown toggle and data-toggle, with nested items and glyph icons for home, phone, email, and map marker.

Learn to extend Bootstrap 3 buttons with dropdowns and glyph icons, create spaced button groups, and pair a search field with a responsive input group using form controls and placeholders.

Add a responsive login form to the site header using Bootstrap 3, including username and password fields with icons, a submit button, and mobile-friendly adjustments via media queries.

Create a multi-page Bootstrap form with a registration page, using panels, containers, and a grid to collect name, address, city, state, and zip, with proper labels and focus behavior.

Create a responsive registration form using Bootstrap 3 grid layouts, aligning labels with inputs, and including email, password, password confirmation, a communication preference select, checkboxes, and a register button.

Learn to implement breadcrumb navigation, badges, and progress bars using Bootstrap 3, including a registration flow from home to confirmation, with list groups and responsive styling.

Bootstrap modal dialog and tool tip plugins, and learn to trigger a modal with data-toggle and data-target attributes while inspecting its header, body, and footer structure.

Master the bootstrap validator plugin to validate a registration form, highlight invalid fields in red, and display actionable messages using JavaScript within a bootstrap 3 setup.

Explore Bootstrap validator's string length, email, and not-empty rules, including min 6 and max 35 characters, different password checks, and confirm password validation, plus success handling and UI feedback.

Create a responsive Bootstrap data table with the FooTable plugin by using data-toggle and data-hide attributes and a table-responsive wrapper to adapt columns for tablets and phones.