An Overview of Bootstrap Framework The Web nowadays, is not something that can only be seen on desktops, rather we now carry it in our pockets. This is now a global trend, which is more to grow in the time to come. So, the odds are that many people may have not seen the desktop version of certain websites, as they access the web only through their smartphones. Hence, to cover all potential consumers, a website needs to be scalable across varying screen size for the best experience, both through looks and functions. Further, the content needs to be trimmed down to its most vital elements. With desktop versions already existing, the main area of concern was what is to be trimmed and what is to be slid down. Two approaches available – one was to build a responsive design targeting specific devices and viewport sizes; whereas, the second being starting out with a design for the mobile first, with gradual enhancements for larger platforms with fewer constraints. The Bootstrap framework provides an easy way of crafting website designs and allows to create greatly optimized mobile designs. It efficiently scales up the website and applications with a single code base. Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns with an increase in viewport sizes. This Grid System is used for creating page layouts with the help of rows and columns. In simple terms, the content in bootstrap can be divided into a maximum of 12 columns. Then, depending on the device accessing the site, the content is condensed down to 6, 4, 3 or less. This also works in portrait/landscape/orientation of the devices. Here, the app detects the pixel size of the accessing device and adjusts the columns accordingly.
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.