必威的官网网络

当前位置:必威的官网-必威体育 > 必威的官网网络 > bootstrap通用给你容易的创建相应式展示的能力

bootstrap通用给你容易的创建相应式展示的能力

来源:http://www.jlqfjt.com 作者:必威的官网-必威体育 时间:2019-07-04 18:32

Bootstrap是什么?
Bootstrap是三个用来急忙何况轻便的付出web页面,庞大的前端框架。它含有html和css基本布署模板,满含通用用户分界面组件,如:排版,方式,开关,表格,导航,下拉框,警告,形式对话框,tab页面,折叠块,Carousel(图片展现) 和任何部分可选的javascript 扩大。

bootstrap通用给你轻易的创导相应式体现的力量。

Twitter Bootstrap的优势:

1,节省时间  2,响应式效能(针对不一样器械)  3,一致性设计  4, 易用  5,浏览器包容  6,开源。

 

开始:
1, 下载文件: download Bootstrap files from here.

2, 创设你的首先个网页:

 1 <!DOCTYPE html>   2 <html>   3 <head>   4     <meta charset="utf-8">   5     <title>Basic Bootstrap Template</title>   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">   7     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">   8 </head>   9 <body>  10     <h1>Hello, world!</h1>  11     <script src="http://www.jlqfjt.com/uploads/allimg/190704/1S2301c2-0.jpg"></script>  12     <script src="js/bootstrap.min.js"></script>  13 </body>  14 </html>

 

Bootstrap Grid System 栅格系统

Bootstrap 提供最快并且轻巧的艺术来创设网页。

Bootstrap3 富含预订义的栅格类为了火速创制栅格突显针对分歧品类的设施,像是手提式有线电电话机,平板,pc,等等。如:.col-xs-类来创立栅格列,针对专门小的装置,.col-sm-针对小屏设备。

Container=》row=》col-md-4  

Features 
Bootstrap 3 Grid System

Extra small devices 
Phones (<768px)

Small devices 
Tablets (≥768px)

Medium devices 
Desktops (≥992px)

Large devices 
Desktops (≥1200px)

Max container width

None (auto)

750px

970px

1170px

Class prefix

.col-xs-

.col-sm-

.col-md-

.col-lg-

Max column width

Auto

~62px

~81px

~97px

Gutter width

15px on each side of a column (i.e. 30px)


本文由必威的官网-必威体育发布于必威的官网网络,转载请注明出处:bootstrap通用给你容易的创建相应式展示的能力

关键词: betway必威登录

上一篇:betway必威登录平台php类的构造函数只有

下一篇:没有了