bootstrap-入门

最新推荐文章于 2021-06-25 23:15:53 发布

RecordInLife

最新推荐文章于 2021-06-25 23:15:53 发布

阅读量431

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.youkuaiyun.com/itzhengmaolin/article/details/75349348

bootstrap 专栏收录该内容

4 篇文章

订阅专栏

<!-- 声明为HTML5文档类型。(bootstrap需要使用到某些html元素和css属性) -->
<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
    <!-- 添加viewport元数据标签 。如需禁用其缩放（zooming）功能,则在content内容中添加"user-scalable=no"-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!-- IE的版本低于IE9,需要另外引入html5shiv.min.js和respond.min.js -->
  </head>
  <body>

    <!-- **代码区** -->

    <!-- jQuery的引入需要放在引入boostrap之前 -->
    <script src="bootstrap/jq/jq.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>

注意：
1、在css对应的属性中不想使用其他的属性，想优先选择该属性则使用!important属性，可以提高自己定义样式的优先级
如: span{color:red !important;}
2、
.col-xs- 超小屏幕(<768) 手机 col列 xs–x small
.col-sm- 小屏幕(768<=x<992) 平板 sm–small
.col-md- 中等屏幕(992<=x<1200) 桌面 md–middle
.col-lg- 大屏幕(x>=1200) 桌面 lg–large