Blog
Library

Create an Engaging Website with Twitter Bootstrap 2.x

Features Includes:
  • Self-paced with Life Time Access
  • Certificate on Completion
  • Access on Android and iOS App

Course Preview Video

  • Categories

    All Development

  • Duration

    01:10:59

  • 0 Students Enrolled

Description

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.

Who is the target audience?

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

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

What will you learn

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
Course Curriculum
Number of Lectures: 24 Total Duration: 01:10:59
Reviews

No Review Yet