浅谈Bootstrap中的自适应屏幕


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<link href="bootstrap.css" rel="stylesheet" type="text/css">

</head>

<body>

<!-- 根元素必须是div class必须=container -->

<div class="container">

<!-- 根元素必须包含行 class=row -->

<div class="row">

<!-- 行中包含列 -- class=col-*-number-->

<div class="col-xs-12 col-sm-6 col-md-4">div1</div>

<div class="col-xs-12 col-sm-6 col-md-4">div2</div>

<div class="col-xs-12 col-sm-6 col-md-4">div3</div>

</div>

<div class="row"></div>

</div>

</body>

</html>

更多编程相关知识,请访问:编程入门!!

以上就是浅谈Bootstrap中的自适应屏幕的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

bootstrap框架优点是什么

简述为什么要使用bootstrap,有什么优点

bootstrap简介以及怎样部署安装(介绍)

bootstrap的构成模块是什么

vue项目中引入bootstrap的方法

bootstrap置信区间如何求

bootstrap基本样式介绍

为什么前端不用bootstrap

bootstrap可以做小程序吗

extjs 和 bootstrap是什么

更多相关阅读请进入《bootstrap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...