Responsive website UI with Bootstrap

Bootstrap is a popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. It makes front-end development easier and responsive.

Important feature of Bootsrap is its CSS adjusts to phones, tablets, desktop. Bootstrap 3 is designed to be responsive to mobile devices. Mobile-first styles are part of the core framework. To ensure proper rendering and touch zooming, add the following <meta> tag inside the <head> element

History Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter, and released as an open source product in August 2011 on GitHub.

  • Grid System: Bootstrap achieves its responsive feature through Grid System which allows 12 columns across the webpage.
  • Glyphicons: Bootstrap includes glyphs from the Glyphicon Halflings set which are free to use.
  • Navigation Components:  Tabs, pagination, labels, navbar helps in making the website more user-friendly.
  • Other features include BS buttons, BS alerts, BS Dropdown, BS Carousel, BS inputs etc

Responsive web design can also be achieved with Media Queries.

Media query is a CSS technique introduced in CSS3. It uses the @media rule to include a block of CSS properties only if a certain condition is true. Media queries can also be used to change layout of a page depending on the orientation of the browser.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s