New Features in Bootstrap 3.0 (Part 2)


Bootstrap part 2



With Bootstrap, web developers have a wide range of options for personalization and customization. While the focus of the newest version of Bootstrap is mobile accessibility, developers are still able to disable responsive web design features. With a suite of powerful tools, it provides web developer with a number of ways to use the software to create personalized pages that are comprised of simple or complex personal additions.


Disable Responsiveness Features


While mobile based web development solutions are the proverbial wave of the future, they are not always necessary. There is still a chance that the site or page your are developing does not need to be dynamic or easily viewed from the wide variety of mobile devices. In Bootstrap 3, there are not separate sheets for static and responsive design, they are integrated into a single page. This does not mean, however, that you cannot disable the responsiveness features to design a site, tool or page with out this mobile first focus. It is actually relatively simple to disable this feature, it just requires the manipulation of a few lines of code.


First, upon installation of Bootstrap, do not add (or remove if it has already been installed) the <meta> viewport tag.


You will then need to remove, from all the grids, the “max-width” on all the .container tiers by changing the tag say “max-width: none”. As opposed to max width, you will need to set a standard width within the sheet. The width will need to be set to 970 pixels and should be plugged into the style sheet as “width: 970px.”


For the use of static navbars for the page, simply remove all the expanding and collapsing features in the code. This is the gist of what you need to do in order to disable the mobile first nature of the tool.


Other Customization Features


Bootstrap 3 also offers a variety of features to allow for easy customization. You have the choice of viewing the sheets in compiled or mini form, saving both coding time and space.


Simple changes such as templates, themes, font styles and sizes and colors are simple and considered to be “light customization” for Bootstrap. This simply refers to changes or additions to common, already existing elements of Bootstrap, such as making text more emphasized through the use of shadowing, font color and type.


For those with some time on their hands, you can create a completely unique and customized page using Bootstrap. Basic changes include those made to common tags, tiers or labels, but not to the bulk of the code and structure itself.


There are a wide number of external, third-party add-ons that can help you to fully customize the features and functionality of your site, but these tools are best suited to those with extensive web development experience and know how.


Bootstrap, while designed with mobile technology in mind, still allows developers to disable certain features of the program so as to create traditional, more static pages. This tool also makes it easier for the web developer to do simple or complex customizations to their site. From simple changes like themes, fonts and colors, to more complex personalization, simply use the customizer that comes with the software.

You might also like