Coding
November 12, 2012 posted by Maan

Bootstrap: Most Powerful Front-end Framework for Faster & Easier Web Development

Bootstrap: Most Powerful Front-end Framework for Faster & Easier Web Development

Bootstrap is Simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. Previously, it was much more descriptive to the framework’s contents, and thus quite long and wordy. We wanted to convey the technical details properly heading into 2.0.0 (when we changed the tagline), but without the bulk. Instead, we focus on the roles Bootstrap can assist folks with: HTML, CSS, and Javascript. Any other description is fine, but I wanted to share some insight into the official tagline just for context.

Framework

Another focal point in the email thread was the question of referring to Bootstrap as a framework. That’s accurate enough for sure, but also somewhat limiting depending on how you want to use it. Holistically, Bootstrap certainly is a framework (or toolkit or whatever) for prototyping and building production ready stuff on the web. That said, on an individual component level, Bootstrap is a tool for performing common web development tasks faster and easier.

About responsive Bootstrap:

Media queries allow for custom CSS based on a number of conditions—ratios, widths, display type, etc—but usually focuses around min-width and max-width.

  • Modify the width of column in our grid
  • Stack elements instead of float wherever necessary
  • Resize headings and text to be more appropriate for devices

Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.

Scaffolding:

Bootstrap is built on responsive 12-column grids, layouts, and components.

  • Grid system
  • Fluid grid system
  • Layouts
  • Responsive design

Base CSS:

Fundamental HTML elements styled and enhanced with extensible classes.

  • Typography
  • Code
  • Tables
  • Forms
  • Buttons
  • Images
  • Icons

 

Components:

Dozens of reusable components built to provide navigation, alerts, popovers, and more.

  • Dropdown menus
  • Button groups
  • Button dropdown menus
  • Nav: tabs, pills, and lists
  • Navbar
  • Breadcrumbs
  • Pagination
  • Labels and badges
  • Typographic components
  • Thumbnails
  • Alerts
  • Progress bars
  • Media object
  • Miscellaneous

Download Bootstrap      Customize it 

Maan

21 year old designer, blogger and front-end developer. love to share creative design and inspiration.

comments powered by Disqus