案例：Bootstrap案例     状态：可编辑再运行    进入横版
​x
 
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
      <div class="col-xs-6 col-md-offset-3"
18
         style="background-color: #dedef8;box-shadow:
19
         inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
20
         <p>Lorem ipsum dolor sit amet, consectetur adipisicing
21
            elit.
22
         </p>
23
      </div>
24
​

 运行结果　
　北美留学生论坛