Home
Do you use Twitter Bootstrap?
  v10.0 Posted at 18/09/2020 7:12 AM by Tiago Araujo

Efficient programmers do not re-invent the wheel. That's why we use the best Web UI libraries.

Twitter Bootstrap is a NuGet Package that provides a jump-start for HTML based projects. It includes the HTML, CSS and JavaScript framework used by Twitter, to build the Twitter site.

Building your site on top of bootstrap makes it much easier to have your website look great on devices of all sizes, across many different browsers.

Bootstrap
Figure: This website template, along with many others is availa​ble as a starting point for building Bootstrap-based sites
Bootstrap
​Figure: Bad example - Many websites built by using tables for positioning would render poorly on smaller devices, and be hard to use
Bootstrap
Figure: Good​ example - Twitter Bootstrap uses many techniques to help make your site look great on different browsers, on all devices

Read our Rules to Better UI (Bootstrap)​.

Documentation​

Bootstrap, from Twitter

Tailwind​

Alternatively, TailwindCSS is also acceptable. The difference between the Tailwind and Bootstrap is a matter of how comfortable you are with CSS. 

Out of the box, Tailwind is lightweight and will get the job done simply; you can build a website without ever having to look at CSS. 

Bootstrap requires theme customization, but it’s more robust and solid once done. Read more about thes​e differences.

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments: