How to learn bootstrap(CSS framework)?

https://news.ycombinator.com/item?id=34101950

8 8 4 years ago

news.ycombinator.com

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?

matthewwolfe• 4 years ago

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.

schappim• 4 years ago

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/

twoquestions• 4 years ago

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.

_448• 4 years ago

So how is daisyui different from bootstrap?

solardev2• 4 years ago

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.

AjJi• 4 years ago

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

WhiteBlueSkies• 4 years ago

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.

solardev2• 4 years ago

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.

How to learn bootstrap(CSS framework)?

Related Stories