本文详细介绍了如何从网站下载并编译Bootstrap文件夹，解压后将关键CSS和JS文件放置到项目中相应的位置，并正确引入这些文件。包括jQuery的引入顺序，确保Bootstrap的正常运行。
网站下载bootstrap下载编译版本的文件夹，解压然后把文件放到自己项目相应的地方 js=>javascripts css=>stylesheets......形成之后把下面语句放入需要引入的页面，自己放到layouts/ application.html.erb。
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="assets/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="assets/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="assets/jquery-2.2.1.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="assets/bootstrap.min.js" type="text/javascript"></script>
引入bootstrap js之前必须先引入jquery
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="assets/bootstrap.min.css">
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="assets/bootstrap-theme.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="assets/jquery-2.2.1.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="assets/bootstrap.min.js" type="text/javascript"></script>
引入bootstrap js之前必须先引入jquery
扫一扫
815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
