bootstrap框架怎么在html页面加载使用

 我来答
益享天开
2016-06-14 · 专注分享互联网办公、城市服务等常见问题
益享天开
采纳数:337 获赞数:1021

向TA提问 私信TA
展开全部

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>标签结束前引用,并注意引用顺序。

ua7mhug
2016-05-21 · TA获得超过309个赞
知道小有建树答主
回答量:292
采纳率:0%
帮助的人:177万
展开全部
在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>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
纯洁的小树
2016-05-21 · TA获得超过3386个赞
知道大有可为答主
回答量:2536
采纳率:71%
帮助的人:465万
展开全部
调用它的样式表和js文件,需要jquery支持、、
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
千锋教育
2016-05-25 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI&UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向TA提问
展开全部
HTML模板如下: Bootstrap 101 Template Hello, world! 在上面模板中添加自己的内容,然后调用BootStrap的各种效果属性就行了,具体可以参考BootStrap官网上的教程。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式