[Bootstrap basic learning] 05 Bootstrap learning summary, bootstrap05

[Bootstrap basic learning] 05 Bootstrap learning summary, bootstrap05

Okay, I have copied it for a few days. In summary, let's write down some of my understanding of Bootstrap.

Bootstrap is just a set of front-end frameworks written by others and can be used directly.

But for the professional front-end, if you don't read all the code to understand it, I'm afraid it's just superficial.

The CSS and js in the course are king!

If you are just a person who writes the background just like me and only wants to float at the surface and quickly apply it to me, you can refer to some of the things I wrote for memory. If it is a front-end, do not read it.

After reading the previous chapters, let's simply write a small list for quick start. Here I only write some of the most common ones:

Basic CSS (basic, this is our Foundation)

• Layout: container row col-* (xs, sm, md, lg 1-12)
• Layout: text -*
• Table: table -*
• Form: form -*
• Button: btn -*
• Image: img -*
• Device visibility: visible-* hidden-* (xs, sm, md, lg 1-12)

Component CSS (combination system, which must be used together with some role or other components according to certain rules)

• Font icon: glyphicon -*
• Drop-down menu component: dropdown -*
• Input box group: input -*
• Navigation (tab page): nav -*
• Navigation bar:Navbar -*
• Label: label -*
• Warning: alert -*
• Progress bar: SS -*
• Media: media -*
  
• List: list -*
• Panel: panel -*

Data-toggle type of button or tag(The control system can be directly played based on certain component rules. Most of them can also be directly obtained using js statements)

• Drop-down menu: dropdown

  <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"       data-toggle="dropdown">

• Folding panel: collapse
• Modal box: modal
• Tab switch: tab
• Tooltip prompt: tooltip
• Pop-up box: popover

Well, this is my own summary of the three starting points that can help us quickly locate what we need. The specific extension or some other fragmented things won't be written, and Baidu can all be used.

It takes nine days to learn Bootstrap. The time is mainly spent reading various components and using each example. In addition to this article, the four articles previously written are basically copied and pasted from the online collection examples.

Of course, the main reason is post-holiday syndrome, which is a bit slack ~~ (☆_ ☆ )~