Users Online

· Guests Online: 44

· Members Online: 0

· Total Members: 188
· Newest Member: meenachowdary055

Forum Threads

Newest Threads
No Threads created
Hottest Threads
No Threads created

Latest Articles

DEMO - Twitter Bootstrap 3

DEMO - Twitter Bootstrap 3
Web Technologies Courses
Categories Most Recent Top Rated Popular Courses
 
Uploader Date Added Views Rating
Superadmin 13.03.16 1,002 No Rating
Description
In this Bootstrap 3 training course expert author Mark Shufflebottom shows you how to use this front end framework to design a website. Bootstrap is easy to use and allows a designer to specify exactly how the site will look and behave on a number of different displays, including mobile, desktop, and tablet. To get the most out of this tutorial you should already have a fundamental understanding of HTML, CSS, and JavaScript. You will start the course by learning about the grid system, including how to use containers, nested columns, and column offsets. You will move into learning about the site structure, following along with Mark as he teaches you how to build a NavBar, build the intro section, info panel, and more. This video tutorial will also teach you how to set up the home page, blog page, client page, and contact page. Finally, Mark will show you how to customize the Bootstrap download and customize colours. Once you have completed this computer based training course, you will have a solid understanding of how to design a website with Bootstrap 3, and be able to apply this knowledge to your own web development projects. Working files are included, allowing you to follow along with the author throughout the lessons.


Lesson Description
Section 1 Introduction
Lesson 01 Introduction to Bootstrap
Lesson 02 What to expect
Lesson 03 The Site Build Plan
Lesson 04 How to Access Working Files
Section 2 Setting Up Bootstrap
Lesson 05 Examining the Framework Files
Lesson 06 Documentation Overview
Section 3 The Grid System
Lesson 07 Using Containers
Lesson 08 Coding Rows and Columns in HTML
Lesson 09 The Grid
Lesson 10 Controlling the Grid Across Devices
Lesson 11 Column Offsets
Lesson 12 Using Nested Columns
Lesson 13 Column Ordering
Section 4 Responsive Helpers
Lesson 14 Responsive Images
Lesson 15 Responsive Utlity Classes
Lesson 16 Media Queries and Breakpoints
Section 5 Site Structure
Lesson 17 Building a NavBar
Lesson 18 Fixing the NavBar to the Top of the Browser
Lesson 19 NavBar Dropdowns
Lesson 20 Building the Marketing Panel
Lesson 21 Summary
Lesson 22 Button Options
Lesson 23 Building the Info Panel
Lesson 24 Block Quote
Lesson 25 Toggle Tabs
Lesson 26 Glyphicons
Lesson 27 Building the Footer
Lesson 28 Using the Custome Topography
Section 6 The Home Page
Lesson 29 Image Carousel
Lesson 30 Carousel Navigation
Lesson 31 Four Column Grid
Section 7 The Blog Page
Lesson 32 Setting Up the Grid Structure
Lesson 33 Adding the Blog entries
Lesson 34 Pagination Component
Lesson 35 Search Box Inline Form
Lesson 36 Using List Groups
Lesson 37 Media Component
Section 8 The Clients Page
Lesson 38 Setting Up the Grid
Lesson 39 Thumbnails
Lesson 40 Tooltips
Lesson 41 Collpase Panels
Section 9 The Contact Page
Lesson 42 Setting up the Grid
Lesson 43 Adding a Google Map
Lesson 44 Horizontal Forms
Lesson 45 Modals
Lesson 46 Building the SiteBar
Section 10 Customizing Bootstrap
Lesson 47 Customizing the download
Lesson 48 Customizing Colors
Lesson 49 Starter Templates

Ratings

Rating is available to Members only.

Please login or register to vote.

No Ratings have been Posted.

Comments

No Comments have been Posted.

Post Comment

Please Login to Post a Comment.
Render time: 1.01 seconds
10,846,050 unique visits