Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Jumpstarting App Development with Twitter Bootstrap

DZone's Guide to

Jumpstarting App Development with Twitter Bootstrap

· Web Dev Zone
Free Resource

Add user login and MFA to your next project in minutes. Create a free Okta developer account, drop in one of our SDKs to your application and get back to building.

Like many other engineers I’ve worked with, Twitter engineers will use any set of tools they are familiar with to deliver the front-end of their applications.

Many of us app developers aren’t UI experts, and many of the projects we build don’t have requirements for a high quality UI, so we just slap together whatever we can. Which often looks like shit.

Twitter has spearheaded an open source UI toolkit, meant to kickstart the development of web apps and sites, called Bootstrap.

Twitter Bootstrap provides CSS and HTML for several key areas of UI development:

  • Grids
  • Layouts
  • Typography
  • Media
  • Tables
  • Forms
  • Navigation
  • Alerts
  • Popovers

Bootstrap’s also comes with custom plugins that work with jQuery and Ender, to make sure your UI is interactive and sexy.

I’m using Bootstrap as a base UI for all my prototype projects. Bootstrap gives me a complete set of UI tools to start with, leaving me to focus on how the application works. When I’m ready to share with anyone, it immediately looks good, increasing the chance that my prototype will have the desired impact.

I really dig what Bootstrap has done for my development, and I encourage anyone to download or fork on Github, and get involved using and adding to the Twitter Bootstrap project.

 

Source: http://www.kinlane.com/2011/12/jumpstarting-my-app-development-with-twitter-bootstrap

Launch your application faster with Okta’s user management API. Register today for the free forever developer edition!

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}