bootstrap框架怎么在html页面加载使用
4个回答
展开全部
bootstrap前端框架本地引用:
<!-- CSS样式 -->
<link rel="stylesheet" href="common/styles/libs/bootstrap.css"><!--Bootstrap-->
<link rel="stylesheet" href="common/styles/libs/font-awesome.css"><!--Font awesome icon-->
<!-- JS(注意jquery.js须在bootstrap.js的前面引用)-->
<script type="text/javascript" src="common/scripts/libs/jquery.js"></script>
<script type="text/javascript" src="common/scripts/libs/bootstrap.js"></script>
除了上述本地引用的方法外,还可以引用在线CDN:
<link rel="stylesheet" href="cdn.bootcss.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css"><!--Bootstrap (min压缩版)-->
<script type="text/javascript" src="cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script type="text/javascript" src="cdn.bootcss.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js"></script>
说明:
一般css样式在<head></head>标签中引用;
JS文件在<body></body>标签结束前引用,并注意引用顺序。
展开全部
在head中加入对应的js和css文件就行了, 如下
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
调用它的样式表和js文件,需要jquery支持、、
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-05-25 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
关注
展开全部
HTML模板如下: Bootstrap 101 Template Hello, world! 在上面模板中添加自己的内容,然后调用BootStrap的各种效果属性就行了,具体可以参考BootStrap官网上的教程。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询