页面布局 - Layout

固定布局

.container 类用于固定宽度并支持响应式布局的容器。注意,由于 padding 等属性的原因,这两种 容器类不能互相嵌套。






学习如何创建网页

In today's world internet is the most popular way of connecting with the people. At tutorialrepublic.com you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.

立即开始

HTML

HTML is a markup language that is used for creating web pages. The HTML tutorial section will help you understand the basics of HTML, so that you can create your own web pages or website.

Learn More »

CSS

CSS is used for describing the presentation of web pages. The CSS tutorial section will help you learn the essentials of CSS, so that you can fine control the style and layout of your HTML document.

Learn More »

Bootstrap

Bootstrap is a powerful front-end framework for faster and easier web development. The Bootstrap tutorial section will help you learn the techniques of Bootstrap so that you can quickly create your own website.

Learn More »


© Copyright 2013 Tutorial Republic

页面布局 - Layout_第1张图片
01.PNG

流式布局

100% 宽度,占据全部视口(viewport)的容器。






Learn to Create Websites

In today's world internet is the most popular way of connecting with the people. At tutorialrepublic.com you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.

Get started today

HTML

HTML is a markup language that is used for creating web pages. The HTML tutorial section will help you understand the basics of HTML, so that you can create your own web pages or website.

Learn More »

CSS

CSS is used for describing the presentation of web pages. The CSS tutorial section will help you learn the essentials of CSS, so that you can fine control the style and layout of your HTML document.

Learn More »

Bootstrap

Bootstrap is a powerful front-end framework for faster and easier web development. The Bootstrap tutorial section will help you learn the techniques of Bootstrap so that you can create web your own website.

Learn More »


© Copyright 2013 Tutorial Republic

页面布局 - Layout_第2张图片
02.PNG

响应式布局

行列数目根据屏幕大小自动调整





Learn to Create Websites

In today's world internet is the most popular way of connecting with the people. At tutorialrepublic.com you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.

Get started today

HTML

HTML is a markup language that is used for creating web pages. The HTML tutorial section will help you understand the basics of HTML, so that you can create your own web pages or website.

Learn More »

CSS

CSS is used for describing the presentation of web pages. The CSS tutorial section will help you learn the essentials of CSS, so that you can fine control the style and layout of your HTML document.

Learn More »

Bootstrap

Bootstrap is a powerful front-end framework for faster and easier web development. The Bootstrap tutorial section will help you learn the techniques of Bootstrap so that you can create web your own website with much less efforts.

Learn More »

References

The references section outlines all the standard HTML tags and CSS properties along with other useful references such as color names and values, symbols and character entities, web safe fonts, language codes, HTTP messages and much more.

Learn More »

Examples

The examples section encloses an extensive collection of examples on various topic that you can try and test yourself using online HTML editor.

Learn More »

FAQ

The collection of Frequently Asked Questions (FAQ) provides brief answers to many common questions related to web design and development.

Learn More »


© Copyright 2013 Tutorial Republic

页面布局 - Layout_第3张图片
03.PNG

你可能感兴趣的:(页面布局 - Layout)