Study Learn Grow
Create an Engaging Website with Twitter Bootstrap 2.x

Create an Engaging Website with Twitter Bootstrap 2.x

This step-by-step approach will show you how to build a responsive, interactive, and visually engaging web page with simple and flexible HTML, CSS and JavaScript -- all built on the free, open-source framework called Twitter Bootstrap.

Overview

About this Course
A total of 23 lectures with a total running time of 74 minutes.

This step-by-step approach will show you how to build a responsive, interactive, and visually engaging web page with simple and flexible HTML, CSS and JavaScript -- all built on the free, open-source framework called Twitter Bootstrap. Learn to take advantage of the many aspects of Twitter Bootsrtap, including creating your own layouts, customizing components, device-sensitive elements, auto-suggest form fields, and extend the icon sprite sheet to incorporate your own icons! This course includes HTML, CSS, JavaScript, and Photoshop templates that you can customize for use in your own projects.

Basic knowledge
A text editor, Photoshop CS2 or later (optional)

Course Information

A text editor, Photoshop CS2 or later (optional)

Chapter 1: Getting Started Introduction

What is Twitter Bootstrap
About the Project Files
Download the Project Files
Starting Your Project
Chapter 2: Adding the Base Markup for the Page

Page Container and Nested Rows
Adding Containers for Content
Adding Main Content
Preparing Graphics with Photoshop
Chapter 3: Adding your Own Style with CSS

Styling the Blockquote
Styling the Footer
Add Content and Style the Promos
Add Your Logo with a Link
Adding the Navigation Menu
Chapter 4: Create Your Own Icons

Add a Custom Icon to Glyphicons
Customize Styles for the Menus
Page and Background Styles
Chapter 5: Customize the Experience with Plug-ins

HTML Markup for the Carousel Plug-in
Responsive Download via CSS
Set the Timing for the Carousel
Remote Control the Carousel
Adding Form Elements
Creating an Auto Suggest
Chapter 6: Where To Go From Here

Where To Go From Here

Graphic and PRint Designers, Web Designers, Front-end Developers, Tech-savvy Marketing Managers

• Lifetime Access to Each Course
• Certificate on Completion of Course
• No Extra Charges Or Admin Fees
• Easy Access to Courses
• High Priority Support After Sales.
• Big Discounts on Individual Courses

Course Specifications

IT and Computing courses are available to study on our learning platform. 

See All Courses

Adult education is the non-credential activity of gaining skills and improved education. 

See All Courses

Online education is electronically supported learning that relies on the Internet for teacher/student interaction. 

See All Courses

A short course is a learning programme that gives you combined content or specific skills training in a short period of time. Short courses often lean towards the more practical side of things and have less theory than a university course – this gives you a more hands-on experience within your field of interest.

See All Courses

Course duration is 24 hours.

See All Courses

Study Learn Grow

Related Jobs