京东自营 618 + 国补 iPhone 历史最低价
Bootstrap 栅格化中型和大型设备中的应用。
Bootstrap 栅格化中型和大型设备中的应用。
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<title>Bootstrap 实例 - 中型和大型设备</title>5
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">6
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>7
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>8
</head>9
<body>10
11
<div class="container">12
<h1>Hello, world!</h1>13
14
<div class="row">15
16
<div class="col-md-6 col-lg-4" style="background-color: #dedef8; 17
box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">18
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do 19
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut 20
enim ad minim veniam, quis nostrud exercitation ullamco laboris 21
nisi ut aliquip ex ea commodo consequat. 22
</p>23
24
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem 25
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa 26
quae ab illo inventore veritatis et quasi architecto beatae vitae 27
dicta sunt explicabo. 28
</p>29
</div>30
31
<div class="col-md-6 col-lg-8" style="background-color: #dedef8;box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">32
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem 33
accusantium doloremque laudantium.34
</p>35
36
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java