Introduction to Bootstrap

Visit Tutorial Page ( Report)

Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. In this course we'll see how to use Bootstrap's CSS and JavaScript to turn plain HTML into navigational menus, picture carousels, split buttons, alerts, modal dialogs, and more. As an open source and free gift from the developers at Twitter, Bootstrap is a pure CSS and JavaScript framework that you can use with any editor or server technology

  • Introduction to Bootstrap
    00:19:53
    • Introduction
      00:01:10
    • Quick Styles After Dark
      00:03:12
    • Our First Web Page
      00:02:45
    • What's Inside?
      00:02:34
    • Scripts and Styles
      00:02:23
    • Core Concepts
      00:07:10
    • Summary
      00:00:39
  • Layout with Bootstrap
    00:24:17
    • Introduction
      00:00:31
    • Grid Layouts
      00:01:57
    • Simple Layout
      00:02:12
    • Fixed Grids
      00:05:03
    • Fluid Grids
      00:04:07
    • Responsive Design
      00:05:29
    • Responsive Utilities
      00:01:25
    • Inspiration
      00:03:02
    • Summary
      00:00:31
  • Everyday Bootstrap
    00:28:51
    • Introduction
      00:00:18
    • Typography
      00:06:15
    • Tables
      00:04:38
    • Forms
      00:10:13
    • Buttons
      00:01:44
    • Images and Icons
      00:04:48
    • Summary
      00:00:51
  • Bootstrap Components
    00:32:33
    • Introduction
      00:00:23
    • Dropdown Menus
      00:06:08
    • Buttons with Menus
      00:04:23
    • Tabs and Pills
      00:05:14
    • The Navbar
      00:10:42
    • Heros, Badges, Labels, and Media
      00:04:55
    • Summary
      00:00:48
  • Bootstrap and JavaScript
    00:23:52
    • Introduction
      00:00:24
    • More Buttons
      00:06:15
    • Modals
      00:05:28
    • Tooltips and Popovers
      00:02:55
    • Scrollspy
      00:04:08
    • Typeahead
      00:01:33
    • Carousel
      00:02:28
    • Summary
      00:00:41
Write Your Review

Reviews