css

resat.css 文件:引入重置的css文件,也就是先去除一些全局的样式,比方

* {
  margin: 0;
  padding: 0;
}

关于 Bootstrap 中的容器分为

1.流体容器
2.固定容器(使用到媒体查询@media的三个值 768px / 992px / 1200px)
3.栅格容器(系统)
栅格布局中分为12列

使用Bootstrap,可以直接去官网文档拉取组件,如果要对样式作修改,再自己添加class类名,然后在css样式中重写

比方导航条样式不一样,可以添加class = “daohang”,在css文件中给.daohang{ background:blue; ... }

Bootstrap 的文件引用;
引入css文件有

...
<link rel="stylesheet" href="css/bootstrap.min.css" />
</head>

引入js文件

...
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>

关于个人在html文件中编写 <script></script> 标签都是跟在 </body> 下方,在</html> 上方

在html页面中引入公共部分(头部header / 尾部footer):https://blog.csdn.net/qq_35393869/article/details/79803190

上一篇:HTML - Bootstrap Contextual Printing


下一篇:bootstrap下拉框selectpicker使用