案例:Bootstrap案例     状态:可编辑再运行    进入横版
x
               box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <meta charset="utf-8"> 
5
   <title>Bootstrap 实例 - 嵌套列</title>
6
   <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">  
7
   <script src="/js/bootstrap/jquery.min.js"></script>
8
   <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
12
<div class="container">
13
14
   <h1>Hello, world!</h1>
15
16
   <div class="row">
17
18
      <div class="col-md-3" style="background-color: #dedef8;box-shadow: 
19
         inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
20
         <h4>第一列</h4>
21
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
22
      </div>
23
24
      <div class="col-md-9" style="background-color: #dedef8;box-shadow: 

 运行结果 
 北美留学生论坛