代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例——堆叠的水平</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Hello,world!</h1>
<div class="row">
<div class="col-md-6" style="background-color:#dedef8 ;box-shadow: inset 1px-1px #444,inset-1px 1px 1px#444;">
<p>内容1</p>
<p>童心少年</p>
</div>
<div class="col-md-6" style="background-color:#dedef8 ;box-shadow:inset 1px-1px 1px #444,inset-1px 1px 1px#444;">
<p>C++</p>
<p>信息学奥赛</p>
</div>
</div>
</div>
</body>
</html>
执行结果：
标签：Bootstrap,水平,C++,堆叠,实例,奥赛 From： https://www.cnblogs.com/guoliheng/p/17206689.html