Excellent web front-end development framework: bootstrap!

In fact, I have heard about bootstrap, probably know this guy is a web front-end

But until yesterday, there was no interest in any deep understanding of him.

The main reason to snub him still feel will be bound hands and feet, after all, his years in the Web front-end accumulation has not stalled, in this area has not felt much pressure, in other words, think oneself still a little rely on

Just yesterday, a good friend asked me to help to make a small website for their internal use, require the use of computers and mobile phones can be used normally

Computer use of course OK, but to be compatible with the phone but let me a little bit excited, after all, have not done a real mobile phone-side web application, just take this opportunity to exercise

Because it is an independent website, can completely let go of the hands and feet to make something fresh, then think of Bootstrap, his response characteristic still left a deep impression on me

Then follow the bootstrap document to do a nav navigation effect, look good, anti-color effect, very cool:

Then, adjust the width of the browser, smaller, simulate the effect of the phone side:

And that's what happens, and it works really well, is that the way of responsive layout?

The navigation menu changes from the original horizontal tile to the vertical drop-down, click the button in the upper right corner to control the drop-down menu to be hidden.

This is the initial experience, it is very necessary for the bootstrap to have a serious, in-depth understanding and learning

Keep a few addresses related to bootstrap, these are the keys into the bootstrap world:

1, Bootstrap Chinese network: http://www.bootcss.com

2. Bootstrap v3 Chinese Document: http://v3.bootcss.com

3, W3cschool on the bootstrap introductory tutorial: http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html

4, Aehyok Brother wrote the bootstrap study notes: http://www.cnblogs.com/aehyok/p/3381651.html

Excellent web front-end development framework: bootstrap!