• Skip to primary navigation
  • Skip to content
Sal Ferrarello
  • About Sal Ferrarello
  • Speaking
  • Connect
    Twitter GitHub
You are here: Home / Archives for Bootstrap

Bootstrap


Warning! This is a draft, not a finalized post. See full draft disclosure.

Apply Bootstrap Classes to Gravity Forms Button

Last updated on August 9, 2018 by Sal Ferrarello

When working on a project, using Gravity Forms and Bootstrap, I wanted to style the buttons with Bootstrap. This code allows me to modify the markup output by the Gravity Forms WordPress plugin to use the Bootstrap classes.

Filed Under: Draft, Programming, Solution Tagged With: Bootstrap, Gravity Forms, WordPress Plugin


Warning! This is a draft, not a finalized post. See full draft disclosure.

Add Additional Bootstrap 4 Container Size

Last updated on July 30, 2018 by Sal Ferrarello

With the prevalence of large monitors, I’ve found I wanted a larger container size than the default in Bootstrap 4, which is 1140px. Fortunately, working with the Bootstrap 4 Sass code it only takes a few lines of code to add an additional container size (and breakpoint to go with it).

Filed Under: Dev Tips, Draft, Programming, Solution Tagged With: Bootstrap, Sass

Screenshot of text with padding but image within goes to edge of screen.

Full Screen Width Image Inside Container

Last updated on July 22, 2018 by Sal Ferrarello

Images that appear wider than the text around them are a cool design technique. I do a lot of work with Bootstrap and unfortunately, I’ve found that getting this to work usually ends up with markup that leaves me unsatisfied – at least until now. Using this technique, we can get a full width image without first closing the container element.

Filed Under: Dev Tips, Programming, Solution Tagged With: Bootstrap, CSS


Warning! This is a draft, not a finalized post. See full draft disclosure.

Bootstrap 4 Browser Support

Last updated on June 19, 2018 by Sal Ferrarello

The Bootstrap 4 documentation includes their list of Bootstrap 4 supported browsers. When deciding whether or not to use Bootstrap 4, you’ll want to compare the list of supported browsers to the browser information of your visitors in Google Analytics (Audience > Browser & OS – you’ll probably want to drill down on the Internet […]

Filed Under: Draft Tagged With: Bootstrap

Bootstrap vs WordPress

Last updated on August 10, 2015 by Sal Ferrarello

The quick answer to the question of Bootstrap vs WordPress is, in terms of sheer numbers, WordPress is used on more websites than Bootstrap, so WordPress wins, if that’s the kind of answer you want. However, the problem with this comparison is we’re asking the wrong question. Apples vs Oranges I love Bootstrap and I […]

Filed Under: Computing, Programming Tagged With: Bootstrap, WordPress

Why I Build WordPress Themes with Bootstrap

Last updated on August 17, 2015 by Sal Ferrarello

Recently, I’ve seen a lot of discussion in the WordPress community about Fränk Klein’s article, Why Bootstrap is a bad fit for WordPress Themes and I’d like to take a moment to explain why I disagree. I use Bootstrap for all of my custom WordPress themes because it makes me more efficient. This is the […]

Filed Under: Programming Tagged With: Bootstrap, WordPress

Bootstra.386 WordPress Theme

Last updated on July 8, 2014 by Sal Ferrarello

Chris McKenzie released a Bootstrap theme, Bootstra.386, which captures the look of 1980’s DOS programs (and the hearts of many geeks from the 80’s, myself included). Since, Bootstra.386 is a Bootstrap 2 theme, it was relatively easy for me to swap in Chris’s styles into the Bootstrap Genesis Starter Theme, creating a Bootstra.386 WordPress Theme. […]

Filed Under: Programming Tagged With: Bootstrap, WordPress

Copyright © 2019 · Genesis Framework · WordPress · Log in