How to learn bootstrap(CSS framework)? | Hacker News Reader

How to learn bootstrap(CSS framework)?

Most people say learn by starting a project, but how do you learn like that? It irks me. I am watching brad traversy's video

https://www.youtube.com/watch?v=4sosXZsdy-s&t=460s

and I get nothing till now.

I know html,css and js properly. How do I learn bootstrap now?

View on HN

If you actually do know html, css, and HTML properly, then looking at the bootstrap documentation is going to be your best bet. It is full of examples with code snippets and examples of what that code produces. Bootstrap is a very class based library, there isn’t a lot of complexity to it other than structuring your HTML correctly with the correct class names.

Honestly, these days you'd be better off learning Tailwind CSS[1]. I previously used Bootstrap, but Tailwind CSS is so much nicer.

I prefer Tailwind CSS over Bootstrap because it is a utility-first framework, allowing me to style elements directly with low-level utility classes, rather than relying on the predefined styles and components of the framework.

The Tailwind folks have done a good job making it highly customisable. Ultimately, it comes down to personal preference and needs.

[1] https://tailwindcss.com/

I'd very much recommend also using DaisyUI, it gives a lot of sensible defaults for buttons and such that Tailwind forces you to make decisions on. https://daisyui.com/

As for OP's question, just play with it! Futz with different classes and see what happens! A structured approach I don't think will work terribly well.

So how is daisyui different from bootstrap?

They solve different problems though. Tailwind is great if you have a design system you have to use, but bootstrap gives you more out of the box defaults to use if you don't want to think about that sort of stuff.

Make a sample project with a predefined goal, like a basic marketing landing page. Get it to look right on phone, tablet, and computer. That should only take a few hours.

Uhm.. I really don't wanna sound negative but I don't think you know CSS as well as you think you do.

Bootstrap is trivial for people that know CSS.

Start a project, learn as you go, you don't have to learn everything, you don't need to.

Reply on news.ycombinator.com