Why use Bootstrap and Bootstrap?
[Bootstrap] (http://hovertree.com/menu/bootstrap/) is a front-end framework developed and open-source by two twitter staff, very popular, and so popular naturally has its truth, bootstrap is being fully applied in all projects of our team. I 'd like to explain why we should use Bootstrap according to our actual user experience.
First, Bootstrap is produced by twitter, a large manufacturer, and is open-source. It has been tested for a long time, reducing the test workload. Standing on the shoulders of giants, do not duplicate the wheel.
At the same time, the Bootstrap code has a very good code specification, from which you can also learn a lot. On the basis of Bootstrap, creating a project makes code maintenance very simple and clear in the future.
One of the major advantages of Bootstrap is that it is based on Less and also has the [Sass version]. As a result, it contains a very practical Mixin library for your call.
For example, if you want to use some css3 attributes, you need to write different-prefix-types in different browsers, such as the rounded border-radius:
-Webkit-border-radius: 10px;-moz-border-radius: 10px;-border-radius: 10px;/* Ask hovertree.com */
However, you can write the predefined mixin through Bootstrap as follows:
@ Include border-radius (10px );
Is it easy and pleasant? The commonly used CSS3 mixin can help you sort it out. You can call it directly. Here we will not give an example here. Bootstrap is currently the best front-end framework based on Less (Sass). Rich and practical Mixin should be the best. Bootstrap has already helped you build the basic framework for implementing Responsive Design and is very easy to modify. If you are a newbie, Bootstrap can help you get started with Responsive Design in a very short time. In addition, due to the popularity of Bootstrap, many plug-ins have been developed around Bootstrap. The most practical is [Font Awesome] (http://fortawesome.github.com/Font-Awesome. It is a set of icon font that provides a wide range of icons for you to choose from. The new version 2.0 adds 70 new icons according to the opinions of netizens.
The Bootstrap components are rich, and the code is simple and easy to modify. You can modify them as you want. This greatly improves the work efficiency. In the current trend of Apple-led Retina, solutions to images on the Retina screen have become increasingly necessary, and on the icon, icon font is the perfect solution, so you don't have to worry about resolution because it is actually a font.
These are the reasons why Bootstrap is used. Currently, no other framework on the market can rival it, but 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 incomparable, and you will regret why you didn't come into contact with it early.
Effects: http://www.cnblogs.com/roucheng/p/texiao.html