30 lines
1.2 KiB
Markdown
30 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: Building Bootstrap components with Tailwind CSS
|
||
|
|
date: 2025-03-25
|
||
|
|
permalink: daily/2025/03/25/bootstrap
|
||
|
|
tags:
|
||
|
|
- software-development
|
||
|
|
- css
|
||
|
|
- tailwind-css
|
||
|
|
cta: ~
|
||
|
|
snippet: |
|
||
|
|
I started to build Bootstrap's example components with Tailwind CSS.
|
||
|
|
---
|
||
|
|
|
||
|
|
A while ago, I started to build [some of Bootstrap's example components][0] with Tailwind CSS.
|
||
|
|
|
||
|
|
Because it's a lower-level framework with less-opinionated classes, you can use Tailwind classes to make different looking UIs.
|
||
|
|
|
||
|
|
There is no "Tailwind-looking website" as there is with component-level frameworks like Bootstrap and Bulma.
|
||
|
|
|
||
|
|
You can also see this in the [other UIs I've rebuilt with Tailwind][1] - some of which I show in my [Taking Flight with Tailwind CSS talk][2].
|
||
|
|
|
||
|
|
I've created the Album and Pricing card examples so far, but may do more soon.
|
||
|
|
|
||
|
|
I've recently ported this website to be [a Sculpin-powered website][2], so if you want to see another Sculpin example, you can take a look [at the source code][3].
|
||
|
|
|
||
|
|
[0]: https://bootstrap-with-tailwind.oliverdavies.uk
|
||
|
|
[1]: {{site.url}}/blog/uis-ive-rebuilt-tailwind-css
|
||
|
|
[2]: {{site.url}}/presentations/sculpin
|
||
|
|
[3]: https://code.oliverdavies.uk/opdavies/bootstrap-with-tailwind
|