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

如题所述

第1个回答 2016-09-23

<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      
      <link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

      
      
      
   </head>
   <body>
      <h1>Hello, world!</h1>

      
      <script src="https://code.jquery.com/jquery.js"></script>
      
      <script src="js/bootstrap.min.js"></script>
   </body>
</html>

第2个回答 2016-09-23

这很简单的，你依照下面几个步骤就能使用：
1. 将 bootstrap 库全部引进你的 html 内（包含 js, css）
2. 将你的 html 加上 bootstrap 的类别 class ，他就会套上样式了
有问题可以私信我本回答被提问者采纳

相似回答

bootstrap框架怎么在html页面加载使用答：DOCTYPE html><html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> ...

bootstrap框架怎么在html页面加载使用答：bootstrap属于前端展示框架，在HTML页面中使用的方法：1,引入bootstrap的css样式库 <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 2,引入jquery类库和bootstrap的js类库 <script src="http://cdn.static.runoob.com/libs/jquery/...

bootstrap框架怎么在html页面加载使用答：1、头部 <!DOCTYPE html><html> <head> <title>Bootstrap 101 Template</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">2、link链接入html <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.css" rel="stylesh...

bootstrap框架怎么在html页面加载使用答：在html页面的<head></head>标签中引入bootstrap框架的css样式文件和js脚本文件就可以使用了

bootstrap框架怎么在html页面加载使用答：bootstrap前端框架本地引用： <link rel="stylesheet" href="common/styles/libs/bootstrap.css"> <link rel="stylesheet" href="common/styles/libs/font-awesome.css"> <!-- JS（注意jquery.js须在bootstrap.js的前面引用）-...

bootstrap中给HTML网页添加引用源,用什么标签?答：html引用bootstrap的方法：1、使用“link rel”方式在线引用bootstrap；2、将Bootstrap下载到本地，并将需要的文件放在项目下，然后在相应文件中引入即可。

bootstrap框架怎么在html页面加载使用答：--让浏览器默认采用高速模式（即 webkit 内核）渲染页面--><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"><link href="css/bootstrap.min.css" rel="stylesheet"><script src="js/jquery.min.js"></script><title>标题</title><...

npm bootstrap (4)和jquery安装后如何引入HTML内答：1. 如果是搭建项目脚手架的，比如webpack，那么用 import $ from 'jquery' 之后 $ 就可以在以后代码里使用。2. 直接引用的方法，在 index.html 里加入：<script src="node_modules/jquery/dist/jquery.js"></script> 还可以把这个目录下的 *.js 和 *.min.js 复制到自己源代码的特定位置再...

如何应用Bootstrap的模态框答：1、首先在HTML5页面中添加压缩好后的bootstrap.min.css样式文件，如下图所示，在大多数的项目中一般都会运用压缩版的CSS文件 2、然后在页面中继续添加bootstrap.min.js，如下图所示，这个文件中定义好了很多常用的脚本效果 3、然后我们在body区域定义button按钮，点击这个按钮可以出发模态框的弹出，如下...

大家正在搜

bootstrap框架怎么用 bootstrap前端框架用法 bootstrap框架介绍 bootstrap框架项目基于bootstrap的ui框架 bootstrap框架搭建 bootstrap框架原理 bootstrap前端框架模板 html bootstrap