• 所有问题

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

    如题所述

    举报该问题
    推荐答案   2016-04-07

    　　Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。

     

    ‍如果需要使用该框架只需要引入bootstrap的必要文件bootstrap.css和bootstrap.js文件

     

    以下是一个简单的bootstrap示例：

    <!DOCTYPE html>
    <html>
       <head>
          <title>Bootstrap æ¨¡æ¿</title>
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <!-- å¼•å…¥ Bootstrap -->
          <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
          <!-- HTML5 Shim å’Œ Respond.js ç”¨äºŽè®© IE8 æ”¯æŒ HTML5元素和媒体查询 -->
          <!-- æ³¨æ„ï¼š å¦‚果通过 file://  å¼•å…¥ Respond.js æ–‡ä»¶ï¼Œåˆ™è¯¥æ–‡ä»¶æ— æ³•èµ·æ•ˆæžœ -->
          <!--[if lt IE 9]>
             <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
             <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
          <![endif]-->
       </head>
       <body>
          <h1>Hello, world!</h1>
          <!-- jQuery (Bootstrap çš„ JavaScript æ’件需要引入 jQuery) -->
          <script src="https://code.jquery.com/jquery.js"></script>
          <!-- åŒ…括所有已编译的插件 -->
          <script src="js/bootstrap.min.js"></script>
       </body>

    参考资料（bootstrap中文网）：http://www.bootcss.com/

    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2016-02-29
    在bootstrap官网下载压缩包； 在html中引入css路径 html中引入js路径 注意：路径的地址是否正确，要根据你文件夹存放的位置有关，还要引入jQuery，最好是高版本的，你也可以用CDN。不懂的话可以追问我本回答被提问者采纳
    第2个回答  2016-03-24
    可以直接引用的
    bootstrap官方下载4.0上传到自己的网站或者服务器
    页面直接引用css、js
    相似回答
    bootstrap框架怎么在html页面加载使用答：在html页面的<head></head>标签中引入bootstrap框架的css样式文件和js脚本文件就可以使用了
    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页面加载使用答：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页面加载使用答：‍如果需要使用该框架只需要引入bootstrap的必要文件bootstrap.css和bootstrap.js文件 以下是一个简单的bootstrap示例：<!DOCTYPE html><html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootst...
    bootstrap框架怎么在html页面加载使用答：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的前面引用）-...
    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><...
    如何应用Bootstrap的模态框答：1、首先在HTML5页面中添加压缩好后的bootstrap.min.css样式文件，如下图所示，在大多数的项目中一般都会运用压缩版的CSS文件 2、然后在页面中继续添加bootstrap.min.js，如下图所示，这个文件中定义好了很多常用的脚本效果 3、然后我们在body区域定义button按钮，点击这个按钮可以出发模态框的弹出，如下...
    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框架怎么用bootstrap前端框架用法bootstrap框架介绍bootstrap框架项目基于bootstrap的ui框架bootstrap框架搭建bootstrap框架原理bootstrap前端框架模板html bootstrap
    相关问题
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用
    bootstrap框架怎么在html页面加载使用