Bootstrap is a front-end framework developed and open sourced by two Twitter employees. It has reached the 2.0.4 version, with 32,517 watches and 6,608 forks on Github. It is very popular, and it is natural to make sense that it is so popular. Bootstrap is being fully implemented in all projects of our team. I want to explain why Bootsrap is used based on my actual experience.
Produced by twitter
First of all, Bootstrap is produced by Twitter, and is open source, naturally proven and has reduced the workload of testing. Standing on the shoulders of giants, not repeating the wheels.
At the same time, Bootstrap's code has very good code specifications, and you can learn a lot from it. Create projects based on Bootstrap, and the maintenance of code in the future will become extremely simple and clear.
Less-based, rich Mixin
If you don’t know about CSS preprocessing technologies like Sass or Less, I can only say that you are too out of date, and it is recommended that you understand it first.
One of the big advantages of Bootstrap is that it is built on Less and also has a Sass version. Because of this, it includes a very practical Mixin library for you to call as soon as it was launched.
To give a very simple example, when you usually use some css3 attributes, you have to write different browsers and write different -prefix-, such as rounded border-radius:
-webkit-border-radius: 10px; -moz-border-radius:10px; -border-radius:10px;
But through Bootstrap, you can just write the mixin as follows:
@include border-radius (10px);
Is it relaxing and enjoyable? The basic and commonly used CSS3 mixin has been sorted out for you, and you can just call it directly. I won’t give examples here. Bootstrap is the best Less(Sass)-based front-end framework, and the rich and practical Mixin should be its best place.
A responsive grid system
Bootstrap's grid (Grid) system is also very advanced, and the entire Grid system is responsive!
Bootstrap has helped you set up the basic framework for implementing Responsive Design, and it is very easy to modify. If you are a newbie, Bootstrap can help you get started with Responsive Design in a very short time.
Rich components
Bootstrap's HTML components and Js components are very rich, and the code is concise and easy to modify. You can modify it to whatever you want based on it. This is a huge improvement in work efficiency.
Plugin
In addition, due to the popularity of Bootstrap, many plug-ins developed around Bootstrap have appeared. The most practical one is Font Awesome. It is a set of icon fonts, providing a wealth of icons for you to choose from. The new 2.0 version has added 70 new icons based on netizens' opinions.
Under the current Retina trend led by Apple, the solution to under-retina screens for pictures has become increasingly necessary, and on the icon thing, icon font is the perfect solution, don't worry about resolution, because it is actually a font.
above
These are the reasons why you need to use Bootstrap. There is currently no other framework on the market that can match it, but even though it is a good horse, you still need to spend some time learning and adapting to it. The convenience it brings to you in the future is unparalleled, and you will regret why you didn’t get in touch with it earlier.
Some off-topic talk
I don't like using frames, I like the native writing
This is what I hear most often when I recommend Bootstrap to others. I can only say that Bootstrap cannot help you accomplish everything. It is just a framework. You can still play at will on this framework and perform better, but the premise is that you can control it.
If you are not familiar with it enough, you are indeed sometimes tied to it, but after you become familiar with it, you find that it actually does not restrict you, which requires a process.
It is for teams without designers or programmers
I really can't complain about this. The developer of Bootstrap complained on his blog why there are so many websites that completely copy Bootstrap's style.
Remember, using Bootstrap completely will only make people bored.