Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Science
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Bootstrap

Create an Engaging Website with Twitter Bootstrap 2.x

Learn to create your website with this free and open-source web design framework.
Rating: 3.8 out of 53.8 (58 ratings)
1,469 students
Created by Chris Converse
Published 6/2012
English
English [Auto]
30-Day Money-Back Guarantee

What you'll 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 content

6 sections • 24 lectures • 1h 10m total length

  • Preview06:53
  • Preview01:55
  • Preview01:50
  • Project Files
    8.4 MB
  • Preview01:45

  • Page Container and Nested Rows
    02:38
  • Adding Containers for Content
    01:58
  • Adding Main Content
    01:37
  • Preview04:21

  • Styling the Blockquote
    01:38
  • Styling the Footer
    02:48
  • Add Content and Style the Promos
    04:15
  • Add Your Logo with a Link
    02:54
  • Adding the Navigation Menu
    04:28

  • Add a Custom Icon to Glyphicons
    01:53
  • Customize Styles for the Menus
    02:55
  • Page and Background Styles
    02:23

  • HTML Markup for the Carousel Plug-in
    04:09
  • Responsive Download via CSS
    04:42
  • Preview02:38
  • Remote Control the Carousel
    04:44
  • Adding Form Elements
    03:41
  • Creating an Auto Suggest
    02:59

  • Preview01:45

Requirements

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

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 this course is for:

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

Instructor

Chris Converse
Designer and Developer at Codify Design Studio
Chris Converse
  • 4.3 Instructor Rating
  • 1,679 Reviews
  • 47,184 Students
  • 11 Courses

Chris has over 25 years experience in graphic and interactive design, with a unique focus on both design and development. As a graduate of the Rochester Institute of Technology (RIT), he has focused his career on merging design and technology to create the optimal execution across various media. In addition to graduating from the Rochester Institute of Technology, he is also a featured speaker at various industry-related conferences, including the Adobe MAX, NAB, CreativePro Week and Keyframes. Watch his step-by-step courses online at LinkedIn Learning, Udemy, Skillshare, CPDForumula, CreativeLive, Pluralsight, or on Amazon Video.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.