实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
  <head>
4
    <title>Bootstrap 实例</title>
5
    <!-- 包含头部信息用于适应不同设备 -->
6
    <meta name="viewport" content="width=device-width, initial-scale=1">
7
    <!-- 包含 bootstrap 样式表 -->
8
    <link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
9
  </head>
10
11
  <body>
12
    <div class="container">
13
      <h2>表格</h2>
14
      <p>创建响应式表格 (将在小于768px的小型设备下水平滚动)。另外:添加交替单元格的背景色:</p>      
15
      <div class="table-responsive">          
16
       <table class="table table-striped table-bordered">
17
         <thead>
18
           <tr>
19
             <th>#</th>
20
             <th>Name</th>
21
             <th>Street</th>
22
           </tr>