案例:Bootstrap案例     状态:可编辑再运行    进入横版
x
            quae ab illo inventore veritatis et quasi architecto beatae vitae 
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <title>Bootstrap 实例 - 中型和大型设备</title>
5
  <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">  
6
  <script src="/js/bootstrap/jquery.min.js"></script>
7
  <script src="/js/bootstrap/bootstrap3.3.7.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 

 运行结果 
 北美留学生论坛