案例: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
      <p>排序前</p>
18
      <div class="col-md-4" style="background-color: #dedef8;
19
         box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
20
         我在左边
21
      </div>
22
      <div class="col-md-8" style="background-color: #dedef8;
23
         box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
24
         我在右边

 运行结果 
 北美留学生论坛