How to learn bootstrap

I used to learn by watching some video tutorials, such as online MOOCs, those zero-based bootstrap tutorials on 51cto, and some that were circulated in training classes. I felt dizzy. I don’t know. So said.

# I will gradually realize its value as I continue to use it later. I believe that many beginners who have no basic knowledge will feel unable to start, confused and difficult to control when learning it. In the end, I really couldn’t see the benefits of it, and learning it was equivalent to learning it in vain, so I gradually gave up. (Recommended learning: Bootstrap video tutorial)

In fact, bootstrap is very useful. Based on my own experience using it, I summarize some tips on how to learn it easily.

First of all, let’s take a look at what bootstrap is?

It is something further encapsulated on the basis of html, css, js, and jquery. It is positioned as a front-end framework and has cross-platform compatibility. It is very good at making adaptive effects and providing common conveniences. Effect.

So, it naturally contains many functions. Such as: drop-down function. So if you want to learn it in depth, you must first know js and jquery. Then using it must be combined with js and jquery to be able to apply it freely. If you really have zero foundation, I suggest you not to learn it first, but first understand some html, css, js, jquery and other content that supports it.

How to learn bootstrap

Don’t try to learn all its functions at the beginning, including all the implementation effects of a certain function, don’t be greedy, don’t think about becoming fat in one go. This can easily damage your confidence.

For example, when I first started using it, I only used its style. Another example: breadcrumb navigation. As long as you write it down, you can see the effects. These small effects will increase your confidence. And many times it is these small effects that you use the most...

When you use it more, you can go deep into its source code, its html, css, js, I believe you will have a deeper understanding of it by this time, and you can use and modify it as you like. At this point you can use it for various purposes in your project.

Attitude towards bootstrap

Don’t ask for perfection, use as much as you can. It just helps you quickly set up a certain function, but it doesn't necessarily mean it will be perfect as soon as you call it. It is very likely that you need to modify it, including modifying its css and js behavior, or adding an effect that does not exist. This way it can be used in various situations.

When dealing with bootstrap, you must not be superstitious about it, and don’t think it is omnipotent and perfect. Therefore, don't think that once you call any of its functions, it should 100% meet any requirements you need.

There is no standard answer, just the degree of matching. You always need to revise. Therefore, you should continue to strengthen your study of css, js, and jquery, because sooner or later you will have to modify it, because its meaning is to help you build 90%, and you always have to fine-tune the 10%.

If the requirements for it are too high, you will be too disappointed and doubt yourself, which will not be good.

Use it more

Diligence makes up for weakness, and practice makes perfect. Try to use it in your projects and don't be afraid of making mistakes. Slowly summarize and accumulate experience. Don't stop using it just because you're afraid of making mistakes. Use as much as you can, try to modify and adjust as much as possible, and be sure to record your experience. The more you use it, the easier it becomes.

If you don’t know what the effect of adaptive is, you can use your computer to reduce the width of the browser, and then slowly enlarge it to visit this adaptive website made with bootstrap: www. phpkhbd.com, and use a mobile phone to access...the same website will display different effects for different clients.

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

The above is the detailed content of How to learn bootstrap. For more information, please follow other related articles on the PHP Chinese website!