Bootstrap安装使用
接触到bootstrap有一段时间了,只是用的比较少,不怎么熟悉,现在从新学习、熟悉bootstrap,写个笔记以后方便查阅。
Boostrap的安装使用:
登录官网http://getbootstrap.com/下载Bootstrap
<!--CDN css引用 -->
<!-- 引入 Bootstrap --><linkhref="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">
<!-- 本地 js调用 -->
<!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
<scriptsrc="https://code.jquery.com/jquery.js"></script>
<scriptsrc="./js/bootstrap.min.js"></script>
准备工作做好就可以在你的页面进行使用了
Bootstrap CDN 推荐
<!-- 新 Bootstrap 核心 CSS 文件 -->
<linkhref="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"rel="stylesheet">
<!-- 可选的Bootstrap主题文件(一般不使用) -->
<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<scriptsrc="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<scriptsrc="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
详细教程可参考:菜鸟教程