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
标签:容器,文件,样式,Bootstrap,...,css 来源: https://www.cnblogs.com/songyan/p/12174901.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。