1. 程式人生 > >Bootstrap 3 混合使用網格類

Bootstrap 3 混合使用網格類

cal ade ice bsp code type http ble init

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap 3</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible"
content="IE=edge"> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-xs-6 col-sm-4 col-md-2"> <
h1 class="page-header">邊欄</h1> <p>Bootstrap 為大部分插件所具有的動作提供了自定義事件。一般來說,這些事件都有不定式和過去式兩種動詞的命名形式,例如,不定式形式的動詞(例如 show)表示其在事件開始時被觸發;而過去式動詞(例如 shown )表示在動作執行完畢之後被觸發。 從 3.0.0 版本開始,所有 Bootstrap 事件的名稱都采用命名空間方式。 所有以不定式形式的動詞命名的事件都提供了 preventDefault 功能。這就賦予你在動作開始執行前將其停止的能力。Bootstrap 為大部分插件所具有的動作提供了自定義事件。一般來說,這些事件都有不定式和過去式兩種動詞的命名形式,例如,不定式形式的動詞(例如 show)表示其在事件開始時被觸發;而過去式動詞(例如 shown )表示在動作執行完畢之後被觸發。 從 3.0.0 版本開始,所有 Bootstrap 事件的名稱都采用命名空間方式。 所有以不定式形式的動詞命名的事件都提供了 preventDefault 功能。這就賦予你在動作開始執行前將其停止的能力。
</p> </div> <div class="col-xs-6 col-sm-8 col-md-10"> <h1 class="page-header">主體</h1> <p> Bootstrap 為大部分插件所具有的動作提供了自定義事件。一般來說,這些事件都有不定式和過去式兩種動詞的命名形式,例如,不定式形式的動詞(例如 show)表示其在事件開始時被觸發;而過去式動詞(例如 shown )表示在動作執行完畢之後被觸發。 從 3.0.0 版本開始,所有 Bootstrap 事件的名稱都采用命名空間方式。 所有以不定式形式的動詞命名的事件都提供了 preventDefault 功能。這就賦予你在動作開始執行前將其停止的能力。Bootstrap 為大部分插件所具有的動作提供了自定義事件。一般來說,這些事件都有不定式和過去式兩種動詞的命名形式 </p> </div> </div> </div> <script src="bootstrap/jquery-3.3.1.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> </body> </html>

Bootstrap 3 混合使用網格類