bootstrap框架怎么在html页面加载使用
2017-01-21 · 做真实的自己 用良心做教育
千锋教育
千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。
向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>标签结束前引用，并注意引用顺序。
<!-- 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>标签结束前引用，并注意引用顺序。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
