Text alignment and font weight using bootstrap
Last week, I posted something comparing form styling with Bulma to form styling with Bootstrap and I was a little perplexed that the Bootstrap docs steered me wrong. You can see what I mean in this pen.
Bootstrap
A component-first CSS framework: it ships ready-made buttons, navbars, and a twelve-column grid. Next to Bulma it is the heavier and more familiar of the two, and it is the opposite approach to Tailwind, which gives utilities rather than components.
I have used Bootstrap extensively to accelerate frontend development across agency, higher-education, and product teams.
- Articles written
- 6
- CodePen pens written
- 5
- Used at
- UW-Milwaukee, Kohler, Starkmedia, QM Quality Matters, Bader Rutter
- Official website
- getbootstrap.com
- Age
- 15 years (since 2011)
Experience highlights
- Applied at UW-Milwaukee, Kohler, Starkmedia, QM Quality Matters, and Bader Rutter.
- Used its responsive grid and reusable components to create consistent interfaces efficiently.
From the blog
Related writing
Articles from JWS News and DEV that relate to Bootstrap.
Comparing and contrasting Bulma and Bootstrap
I haven’t been shy in the past about how I have really prefer Bulma over Bootstrap. I wanted to use this week’s post to compare and contrast the two and hopefully reset my opinion of Bootstrap. So, how am I going to do that? I am going to create a webform using Bulma and then…
Three ways to create a modal dialog
Today, we are going to look at three ways to add a modal dialog to your app. The first option just uses CSS and JavaScript (no special libraries). The second option uses Bootstrap (a topic that I haven’t touched in a few years). The third and final option uses Bulma. I looked ba…
Fixing JWS.app: The Nav Bar (Part 2)
Last week, we looked at two ways to fix the nav on JWS.app. For the first option, we simply added an additional header that displays when the screen width gets narrow enough. For the second option, we introduced a hamburger menu. This week, let’s look at two new options. The fir…
Bootstrap 101: Grid Layout
A few weeks ago, we looked at how to how to use CSS Grid and two weeks ago we looked at how to do a grid layout with Bulma. This week, we revisit Bootstrap for the first time in over five years and look at how to do a grid-based layout with it. For the…
A responsive, AngularJS “movie picker”
So, I have been working on a little side-hustle and I figured that I would share the most recent chunk of it. I needed a way of allowing a person to uniquely select a movie. You don’t want to just give the user a free-form box because of the 52 different ways you could input…
From GoToSocial
Related thoughts
Short posts about Bootstrap, matched by topic hashtags.