Excellent web front-end development framework: bootstrap!

Source: Internet
Author: User

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!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.