BootStrap框架

推荐Bootstrap学习网站：https://v3.bootcss.com/css/

1.导入Bootstrap.css(开发板3.3.7)

2.还要Bootstrap.js，并且还要引入jQuery(3.3.1)

3.栅格系统

　　1.container,row必须包含在container中。

　　2.每一列被均分成12列。col-xx-**(xx包括[lg,md,sm,xs],**[1~12])

　　3.只有列能作为行的直接子元素（列和行）

4.常用的样式

　　表单等

 

 

     

导入Bootstrap.css(开发板3.3.7)，还要Bootstrap.js，并且还要引入jQuery(3.2.1)

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
    <script src="jquery-3.2.1.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

 

BootStrap官网：https://v3.bootcss.com/components/#btn-groups-single

了解几个常用样式，不需要背。

 

 

 

  

 

 

 

 

媒体对象中，可以用来做评论以及子评论的回复。

 

posted @ 2019-10-29 18:14  会飞的发如雪  阅读(166)  评论(0)    收藏  举报