<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"/> <!--meta标签的加入是适配移动端的设置,标签中具体的含义查--> <link rel="stylesheet" href="bootstrap.min.css"/> <!-- 引入bootstrap的css--> <style> body{ margin-top: 30px; } div{ outline: 1px solid red; } </style> <!-- 这里的样式将覆盖掉bootstrap的css里面的样式,位置必须放在bootstrap的引入后面--> <title></title></head><body> <div class="container"><!-- 栅格系统的固定写法,将其他的都放在这个容器里面--> <div class="row"><!-- 定义行row--> <div class="col-md-1">col-md-1</div><!--col代表列共12列 md代表中屏,-1代表占12份中的一份--> </div> </div><script src="jquery-1.10.2.min.js"></script> <!-- 引入jquery的js--><script src="bootstrap.min.js"></script><!--引入bootstrap框架js--></body></html>
浏览器运行后可查看其源代码
原文地址:https://www.cnblogs.com/pere/p/11612072.html
时间: 2024-08-13 16:07:38