Bootstrap Styles for Gravity Forms WordPress Plugin

October 2, 2014

development wordpress

TL;DR: WordPress Plugin to apply Bootstrap Styles to Gravity Forms

Everyone loves Gravity Forms and everyone loves Bootstrap. But they don't look too good when combined. So I set out to find a nice way to combine the two. After some Googling around I came across Devin Walker's gist to apply Bootstrap styles to Gravity Forms. After a few tweaks using that I decided to package it up in to a WordPress plugin. bootstrap gravity form To accomplish this I modified Devin's CSS and then properly enqueue the style into the WordPress theme with the plugin. Pretty straightforward.

Usage

  1. Install and enable the plugin via Dashboard or download
  2. In Gravity Forms Settings, turn off "Output CSS"
  3. In Gravity Forms Settings, turn on "Output HTML5"
  4. Done! Have a beer.

Links

Download Plugin Fork on Github Have an issue? Report on Github

Show Comments

Active Projects

Here are some of the projects I am currently working on. Some are side projects, some are client projects, and some are just for fun. I like to build things and I like to share what I learn along the way. If you have any questions about any of these projects, feel free to reach out.

📦 Flow Export

Export Salesforce Flow to Miro to collaborate with your team. Read more about the launch of Flow Export on the Salesforce AppExchange.

🤖 Make Storytime

Personalized children's stories generated by AI. This is an app I am building with my kids.

📠 Fax Online

Yea, I know. But there is a long tail for everything and believe it or not there was an underserved market for people that need to send a fax online. Some people (like me!) just need to send a one time fax.

Read more about this micro Saas project in a blog post about building an online fax service.

📱 Cloud Number

Cloud Number is a virtual phone app that helps you protect your privacy online. Use it to receive SMS online and keep your phone number private. It's also a great service for a freelancer or entrepreneur that wants to have a separate phone for their business for SMS and voicemail.

🥑 Free URL Indexer

Free URL Indexer is a free tool to help you index your backlinks and get them into Google faster. It's a simple tool that I built to help me with my own SEO efforts and I decided to share it with the world. It's a free tool and I don't even ask for your email address. Just paste in your URL and click the button.

👉 See all projects