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

Bootstrap

Conditionally Add Bootstrap Table Responsive Class

Last updated on April 16, 2019 by Sal Ferrarello

While working on another post, I had some very large tables and I wanted to use Bootstrap Responsive Tables by adding the .table-responsive class but only in the situation where the table is too wide. This is the code I used.

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

Filed Under: Dev Tips, Draft, Solution Tagged With: Bootstrap, Genesis, WordPress

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.

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

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

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).

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

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

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 […]

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

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 © 2023 · Bootstrap4 Genesis on Genesis Framework · WordPress · Log in