"Bootstrap" An audience portal style page that is compatible with IE8, Google and other mainstream browsers

Last written "Bootstrap" one compatible with IE8, Google and other mainstream browser audience giant screen style page (click to open the link)

Some of the older generation's needs may not be satisfied with this postmodern style,

It doesn't matter, we can completely change the layout

Pull into the portal style,

They immediately received a fart:

First of all, the portal-style layout probably you need to be clear,

This will help us to get a quick layout.

The beginning was a small giant curtain,

Then there's a navigation bar, and here's a button group.

And then the columns, here's about the bootstrap grid system and the use of panels.

The last is the copyright information, here is also a panel

Anyway, I think this type of portal layout style Rotten Street, but do not know why it seems to be very popular look.

What we need to prepare is also just a gradient bar with a height of 1 in Photoshop,

First open Photoshop, create a new 1024x1 image, width arbitrarily, as wide as possible, the image is 1 on it, the foreground color is dark green r:0 g:140 b:0, the background color is light green r:100 g:200 b:100, with the gradient tool to pull out the following image, how to pull can be left to the right pull can, to the middle of both sides can also, see a person likes:

This is the only image we need to prepare, to turn Photoshop off, aside, to save this image in the Web site project folder,

This image is only about 6k and does not affect loading at all.

Then, the specific page code as follows, the principle and "Bootstrap" a compatible IE8, Google and other mainstream browser audience giant screen style page (click to open the link) in the various parts exactly the same, just the location of the code is different, 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 ">


"Bootstrap" An audience portal style page that is compatible with IE8, Google and other mainstream browsers