If you like me: is a front-end slag, can read CSS and HTML, slightly understand bootstarp, lazy!
When you want to independently complete a Web page and do not know where to start, then the following this site is what you need!
http://www.runoob.com/try/bootstrap/layoutit/
This is an element that can be put into the web, and what needs to be explained is the layout system, which is the layout, where you divide a line into blocks and then put elements in each block.
This is called the layout, reference: Grid system--http://www.runoob.com/bootstrap/bootstrap-grid-system.html
You can select the different device icons on the far left to see how the page works on different devices.
Then download, you can put the code of the style you designed to download your local.
So download down the code, you can put directly into the HTML, it should be noted that the CDN can be turned into a local source, or another, I think he offers a little card!
And then you have to make the changes according to your needs, digging holes to fill in the data (because I'm using the template engine dynamically generated HTML).
You can use this site to visualize the frame of your Web page, and then you just need to adjust some of the details.
This time know some bootstrap knowledge, will make you more effective! Bootstarp Introductory Knowledge:
Before looking at the following information, I am here to nag:
1. Don't read all the chapters and build your page again
2. Roughly know that Bootstrap are offering those things
3. Be patient, get a little bit
Http://www.runoob.com/bootstrap/bootstrap-tutorial.html
In this way, you can also complete a Web page on your own
[Frontend] share a Web site with a bootstrap visual layout