The Salesforce Developers website will undergo maintenance on May 29, 2024 from 3:00 a.m. UTC to 10:00 a.m. UTC. The maintenance process may affect the availability of our documentation. Please plan accordingly.

Everyone says Twitter Bootstrap makes front-end web development faster and easier, but how can we prove that? Below is a video of a simple Visualforce page being converted into a responsive, mobile first web page in a little over 3 minutes and covers the foundation for setting up a bootstrap project natively on

Cliff’s Sam’s (who is Cliff anyway?) Notes:

  1. Uses a standard set controller (aka standard list controller) to grab all the data.
  2. Uses bootstrap 3.1.1 in this demo, but regardless the point is use 3+. There has been a myriad of upgrades from 2.3.2 to 3.x to make it more awesome.
  3. Check out the code here on GitHub or install the package into your DE org with this link.
  4. Fork this “Visualstrap” library of custom Visualforce components using Twitter Bootstrap to save even MOAR TIME!
  5. Let me know if you have any questions.

Get the latest Salesforce Developer blog posts and podcast episodes via Slack or RSS.

Add to Slack Subscribe to RSS