New Features in Bootstrap 3.0 (Part 1)


New Features in Bootstrap 3.0 (Part 1)


Bootstrap is a popular, grid-based web development tool that provides a comprehensive means for creating webpages with a variety of levels of functionality and accessibility. Originally designed by Twitter, Bootstrap is now an open source ,collaborative project. Bootstrap 3 was recently released to replace Bootstrap 2. With a new focus on mobile accessibility and the rewriting and simplification of a number of the key functions, Bootstrap 3 has been well received in the web development community.


Mobile First


One of the biggest features of Bootstrap 3 is the “mobile first” focus of the development tools. In previous versions of Bootstrap, responsive and static coding were separated into different sheets. In this version, they are integrated and the responsive design must be disabled if the developer does not wish to use the features. This makes it much simpler and straightforward for developers to create highly accessible sites.


Browser-based Testing and Debugging


In previous versions of Bootstrap, testing took place using the proprietary program Heroku. This work is done in a browser in version 3, which provides easier testing and better support. Users have reported greater ease of access and simplicity with the browser-based testing and debugging framework.


New Features in Bootstrap 3.0 (Part 1)



In this feature of Bootstrap, there is far less issue with inconsistent box, button and other variable sizes. The codes have be rewritten for proper and fast scalability to the device viewing the page.


Improved Documentation


From troubleshooting guides to frequently asked questions, the available documentation for Bootstrap 3 is far more comprehensive than earlier versions. This documentation comes from third-party sources, as well as the developers themselves, providing increased user support.


With expanded features for easier mobile accessibility, Bootstrap 3 makes it simple for web developers to stay on the cutting edge of mobile viewing-focused development solutions. This new version is also more streamlined and makes use of new tag, tiers, and layers for more simple, yet sophisticated customization. This is a great all purpose tool for the beginning and expert web developer alike.


This is also how sites are customized. With past versions, customization and personalization also took place in Heroku. In version 3, Bootstrap utilizes the browser for tracking and viewing changes, increasing simplicity and support for these features.


Browsers No Longer Supported


In Bootstrap 3, Internet Explorer 7 and Firefox 3.6 are no longer supported.


Simplified and Streamlined Variables


This version of Bootstrap rewrote and complied the list of variables. Variable can be renamed by the developer and can now include a dash, which is very useful for those who need to make use of lots of variables, as well as to reduce coding confusion.


There were also a number of new variable classes added to this version of the development tool.


New Features in Bootstrap 3.0 (Part 1)



Updated Grid System


As opposed to the traditional fluid grid system, container and layout, the new version of Bootstrap utilizes and single, flat-style grid. The grid is scaled to smartphone technology and can be scaled up to a 12 columns for larger devices like laptops and home computers. The grid allows you to choose the viewing platform scale you wish to design for, then provides further customizations specific to that viewport.


Check back soon for part 2 in this series.



You might also like