bootstrap使用详解

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_33272864/article/details/78895158

使用bootstrap时,先去bootstrap官网(http://www.bootcss.com/)下载最新版本bootstrap,然后根据下载页面下提示使用。

通常

必须存在
然后引用bootstrap.js、bootstrap.css、jquery.js三个文件
如:

<!-- bootstrap规定使用前置设置 -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- js样式 -->
<link href="boot/css/bootstrap.css" rel="stylesheet" type="text/css" />
<!-- css样式 -->
<script type="text/javascript" src="boot/js/jquery.js"></script>
<script type="text/javascript" src="boot/js/bootstrap.js"></script>

使用bootstrap时可以使用界面生成器(layoutit)自动生成基本的html页面

也可在bootstrap官网查询全局 CSS 样式

展开阅读全文

没有更多推荐了,返回首页