#2018.4.2

Bootstrap架构(强调 响应式设计的概念)

首先需要引用相关的CSS样式:

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

将所有的HTML内容放入进一个应用container-fluid类为属性的div

如果要引用图片资源的话,为了使其能适应屏幕大小,可以给它们增加img-responsive类属性。

Bootstrap有许多类可以直接使用:如

btn:Bootstrap设计好的button样式

btn-block: 使得button大小不局限文本大小,而是扩宽范围

btn-primary:更改button背景为蓝色     btn-info:更改button背景为淡蓝      btn-danger:更改button背景为红色(主要用于提醒删除等措施)

Bootstrap使用响应式栅格系统,.col-xs-*或.col-md-*用来表示所占的栅格数目,并且同意在一个.row类中。



Font Awesome是很有用的一个图形库

可以用引用.fa及一系列的类的i元素来使用图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值