First of all, I would like to thank my friends for their support, pay attention to the editor’s articles, learn and improve with the editor, and keep accompanying me. The editor will definitely continue to work hard and share more exciting articles with you.
I encountered some problems during the sharing process, which also gave me great inspiration. When searching for related articles, no one has systematically organized articles for such issues. This is also something the editor needs to make improvements in the future.
So this article learns from this experience and systematically organizes the Bootstrap tutorial. I hope it will be helpful to everyone's learning and facilitate everyone's learning.
The editor’s level and ability are very limited. I hope Daniu will give you more suggestions and opinions to help the editor correct and improve. If there is any inappropriateness in the article, please apologize. I hope to grow together, make progress together, and feel the joy of sharing.
Let's get to the topic:
The overall planning of BootStrap 3.0 series navigation is roughly divided into five parts
1. Introduction to Bootstrap
2. Basic knowledge of Bootstrap
3. Bootstrap Component Tutorial
4. Bootstrap JavaScript Plug-in Plug-in Tutorial
5. Share classic examples of Bootstrap
6. Bootstrap study notes
Part 1: Introduction to Bootstrap
1. Start BootStrap Learning Journey //www.VeVB.COM/article/83510.htm
2. A simple introduction to Bootstrap that must be learned every day //www.VeVB.COM/article/75154.htm
Part 2: Bootstrap Basics
3. The grid system (layout) that Bootstrap must learn every day //www.VeVB.COM/article/75386.htm
4. Learn to use bootstrap3 grid system //www.VeVB.COM/article/82291.htm
5.Basic typesetting that must be learned every day of Bootstrap //www.VeVB.COM/article/75181.htm
6. Bootstrap must-learn form//www.VeVB.COM/article/75249.htm
7. Bootstrap must-learn form//www.VeVB.COM/article/75285.htm
8. Bootstrap must learn every day //www.VeVB.COM/article/75457.htm
Part 3: Bootstrap Component Tutorial
9. Bootstrap must learn every day pull-down menu //www.VeVB.COM/article/75392.htm
10. Bootstrap must learn daily navigation //www.VeVB.COM/article/75462.htm
11. Bootstrap must learn every day navigation bar //www.VeVB.COM/article/75534.htm
12.Bootstrap must learn labels and badges every day //www.VeVB.COM/article/75537.htm
13. Thumbnails and warning windows that Bootstrap must learn every day //www.VeVB.COM/article/75590.htm
14. Bootstrap must learn every day//www.VeVB.COM/article/75605.htm
15. The media objects that Bootstrap must learn every day //www.VeVB.COM/article/75615.htm
Part 4: Bootstrap JavaScript Plug-in Tutorial
16. Bootstrap must learn every day Modal Box (Modal) plugin //www.VeVB.COM/article/83084.htm
17. Tooltip (Tooltip) plugin that must be learned every day in Bootstrap //www.VeVB.COM/article/83034.htm
18. Bootstrap must-learn Tab (Tab) plugin //www.VeVB.COM/article/83031.htm
19. Bootstrap must learn every day warning box plugin //www.VeVB.COM/article/83025.htm
20. Bootstrap must learn every day Popover plugin //www.VeVB.COM/article/82997.htm
21.Bootstrap must-learn button (Button) plugin //www.VeVB.COM/article/82994.htm
22. The Collapse plug-in that Bootstrap must learn every day //www.VeVB.COM/article/82980.htm
23.Bootstrap must-learn Carousel plug-in //www.VeVB.COM/article/82976.htm
24. Bootstrap must learn every day additional navigation (Affix) plug-in //www.VeVB.COM/article/82972.htm
Part 5: Share of classic examples of Bootstrap
25. Detailed explanation of JS table component artifact bootstrap table (basic version) //www.VeVB.COM/article/76030.htm
26. Comprehensive analysis of the Bootstrap picture carousel effect //www.VeVB.COM/article/75806.htm
27. Comprehensive analysis of Bootstrap typesetting usage methods (text style) //www.VeVB.COM/article/75623.htm
28. Detailed explanation of how to use the JS component Bootstrap Table //www.VeVB.COM/article/79033.htm
29. Detailed explanation of how to use Bootstrap Select2 in JS component //www.VeVB.COM/article/78676.htm
30. Detailed explanation of how to use Bootstrap tree control //www.VeVB.COM/article/78769.htm
31. The Bootstrap Ace template worth sharing realizes menu and Tab page effects //www.VeVB.COM/article/77263.htm
Part 6: Bootstrap Study Notes
32. Bootstrap study notes environment configuration (1) //www.VeVB.COM/article/99300.htm
33.Botstrap basic style study notes table (2) //www.VeVB.COM/article/99302.htm
34. Bootstrap basic style study notes form (3) //www.VeVB.COM/article/99352.htm
35.Bootstrap basic style study notes button (4) //www.VeVB.COM/article/99360.htm
36.Bootstrap basic style study notes label (5) //www.VeVB.COM/article/99364.htm
37. Pictures of Bootstrap basic style study notes (6) //www.VeVB.COM/article/99367.htm
38.Bootstrap basic component learning notes drop-down menu (7) //www.VeVB.COM/article/99289.htm
39.Bootstrap basic component learning notes button group (8) //www.VeVB.COM/article/99291.htm
40.Bootstrap basic component study notes input input box group (9) //www.VeVB.COM/article/99294.htm
41. Navigation of learning notes on basic Bootstrap components (10) //www.VeVB.COM/article/99295.htm
42. List group of Bootstrap basic component learning notes (11) //www.VeVB.COM/article/99368.htm
43. Page of the basic Bootstrap component learning notes (12) //www.VeVB.COM/article/99415.htm
44. Thumbnail of Bootstrap basic component learning notes (13) //www.VeVB.COM/article/99420.htm
45.Bootstrap basic component learning notes panel (14) //www.VeVB.COM/article/99424.htm
46. Progress bar for learning notes on Bootstrap basic components (15) //www.VeVB.COM/article/99429.htm
47. Bootstrap basic plug-in learning notes modal dialog box (16) //www.VeVB.COM/article/99413.htm
48. Tag switching for learning notes for Bootstrap basic plug-in (17) //www.VeVB.COM/article/99409.htm
49.Bootstrap basic plug-in learning notes Tooltip prompt tool (18) //www.VeVB.COM/article/99403.htm
50. Popover prompt box for learning notes on Bootstrap Basic Plugin (19) //www.VeVB.COM/article/99406.htm
51. Alert warning box for learning notes on Bootstrap Basic Plugin (20) //www.VeVB.COM/article/99402.htm
52.Bootstrap basic plug-in learning notes button (21) //www.VeVB.COM/article/99398.htm
53. Folding of Bootstrap basic plug-in learning notes (22) //www.VeVB.COM/article/99391.htm
54.Bootstrap Basic Plugin Study Notes: Carousel Slideshow (23) //www.VeVB.COM/article/99390.htm
55. Form form verification based on BootstrapValidator (24) //www.VeVB.COM/article/99692.htm
...
To be continued, click "Bootstrap Practical Tutorial" for more practical tutorials
The above is a simple review of recent Bootstrap study notes, which roughly forms a system. Of course, there will be new problems in the future learning process, new knowledge, and the knowledge system may change to varying degrees during this accumulation process. Don’t worry, the editor will definitely share the freshest information with you as soon as possible.
In fact, all the exciting content has been sorted out for everyone and shared with you: "Bootstrap Learning Tutorial"
If you still want to study in depth, you can click here to study and attach 3 exciting topics to you:
Bootstrap practical tutorial
Bootstrap plug-in usage tutorial
Thank you for reading!