Bootstrap write a popular portal style page _javascript technique compatible with mainstream browsers

The last written "Bootstrap" to write a mainstream browser-compatible audience giant Screen style page (click to open the link) Some of the older generation's needs may not be satisfied with this post-modern style, it doesn't matter, we can completely change the layout into a portal style, they immediately accepted:

First of all, the portal layout of the probably you want to be clear, that's what's good for us. The beginning of the quick layout is a small screen, followed by a navigation bar, where the button group is used and then each column, here is about the bootstrap grid system and the use of panels, and finally the copyright information, here is a panel.
Anyway, personally feel this portal style of the layout of the street, but do not know why it seems very popular.

We need to prepare something. Also just in Photoshop a height of 1 gradient bar, first open Photoshop, a new 1024x1 image, width arbitrary, as wide as possible, the image is 1 on it, the foreground color for the dark green r:0 g:140 b:0, background color for light green r:100 g:200 b:100, with the gradient tool pull out the following image, how to pull all can be left to right pull can, to the middle to both sides can also see a person's preferences:

This is the only image we need to prepare, you can turn Photoshop off, throw it aside, and save this image in the website Engineering folder, this image is about 6k and does not affect loading.
After that, the specific page code follows, the principle and "bootstrap to write a compatible mainstream browser audience giant screen style page" (click on the Open link) in the parts of the exact same, but the code is different location, here is no longer described.

 <! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  

If you want to further study, you can click here to learn, and then attach 3 wonderful topics:

Bootstrap Learning Course

Bootstrap Practical Course

Bootstrap Plugin Usage Tutorial

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.