Channels ▼
RSS

Database

Twitter's Bootstrap 3 Polished and Shined


Two years into its project life, the Bootstrap front-end web development framework has reached version 3 with a new look and feel, plus a number of interesting components.

Bootstrap started as an internal project at Twitter but became an open source project and now has over 300 contributors.

Designed for web developers to build both desktop and mobile apps using HTML, CSS, and JavaScript, Bootstrap 3 features user interface components including (the more standard types such as) buttons, input fields, labels, lists — but also (the more unconventional inclusion of ) glyphicons, badges, and jumbotron.

According to the development team, "Nearly everything has been redesigned and rebuilt to start from your handheld devices and scale up." With regard to the new customizer — it has been redesigned. "It is now compiled in the browser instead of Heroku, has better dependency support, and even has built-in error handling. Better yet, we now save your customizations to an anonymous Gist for easy reuse, sharing, and modifications."

This web development framework (now at version 3.0 as stated above) has in fact moved from the desktop to support mobile development as well since the 2.0 iteration — but now, with version 3.0, the mobile device is targeted specifically, while at the same time embodying enough flexibility to also run on applications on larger screen sizes.

NOTE: Internet Explorer 7 support has been removed from version 3 of Bootstrap.

According to the development team blog, "With Bootstrap 3, we've gone deep on responsive and mobile first — it's built in and no longer requires a separate stylesheet. That's great for most folks, but not everyone needs or wants an adaptive web site or application. To help, we've added some documentation and an example that disables the adaptive or responsive features with some extra CSS."


Related Reading


More Insights






Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

Dr. Dobb's encourages readers to engage in spirited, healthy debate, including taking us to task. However, Dr. Dobb's moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing or spam. Dr. Dobb's further reserves the right to disable the profile of any commenter participating in said activities.

 
Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.
 

Video