Bootstrap总结

客官°小女子只卖身不卖艺 2022-05-24 08:21 187阅读 0赞

前端插件：

1.  [jquery插件库][jquery]

一.Bootstrap概览

![20180523222657626][]

Bootstrap 页面基本模块：

<!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>Bootstrap 101 Template</title>
    
        
        <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    
        
        
        
      </head>
      <body>
        <h1>你好，世界！</h1>
    
        
        <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
        
        <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      </body>
    </html>

二.

（1）全局css样式

![20180524124833489][]

（2）组件

![20180524173438389][]

（3）Bootstrap插件

[jquery]: http://www.jq22.com/
[20180523222657626]: /images/20220524/4ce9b528b07942529ee9d86d0fcf7bf1.png
[20180524124833489]: /images/20220524/c4bd662d348841adb3db72dec0ba51d5.png
[20180524173438389]: /images/20220524/122d167559b54b488b87dd2707ca0614.png