3 ms·

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?

matthewwolfe 4y 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 4y 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/ https://tailwindcss.com/
- solardev 4y 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.
- twoquestions 4y 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/ 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 4y ago
    So how is daisyui different from bootstrap?
AjJi 4y ago
Start a project, learn as you go, you don't have to learn everything, you don't need to.
WhiteBlueSkies 4y 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.
solardev 4y 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.

matthewwolfe 4y 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 4y 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/ https://tailwindcss.com/

solardev 4y 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.
twoquestions 4y 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/ 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 4y ago
  So how is daisyui different from bootstrap?

AjJi 4y ago

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

WhiteBlueSkies 4y 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.

solardev 4y 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.