bootstrap文件怎么引入

bootstrap文件怎么引入

bootstrap是一组用于网站和网络应用程序开发的开源前端框架,包括html、css及javascript的框架,提供字体排印、窗体、按钮、导航及其他各种组件及javascript扩展,旨在使动态网页和web应用的开发更加容易。

bootstrap文件怎么引入

Bootstrap的引入一般有两种方法:

引用在线的Bootstrap的样式,

将Bootstrap下载到本地进行引用。

在线引用

基本模板如下:

        Bootstrap引入                                    

登录后复制

优点:不用本地安装Bootstrap,也不用考虑引用时的路径问题

缺点:一旦在线样式挂了,那么会影响整个页面样式的呈现

本地引用

将Bootstrap下载到本地。

直接访问上述代码中的3个网址来获取代码

去Bootstrap的官网 http://v3.bootcss.com/ 和JQuery

的官网 http://jquery.com/ 下载相应的文件

将需要的文件放在项目下,便于引用

bootstrap的目录结构如下:

bootstrap/├── css/│   ├── bootstrap.css│   ├── bootstrap.css.map│   ├── bootstrap.min.css│   ├── bootstrap.min.css.map│   ├── bootstrap-theme.css│   ├── bootstrap-theme.css.map│   ├── bootstrap-theme.min.css│   └── bootstrap-theme.min.css.map├── js/│   ├── bootstrap.js│   └── bootstrap.min.js└── fonts/    ├── glyphicons-halflings-regular.eot    ├── glyphicons-halflings-regular.svg    ├── glyphicons-halflings-regular.ttf    ├── glyphicons-halflings-regular.woff    └── glyphicons-halflings-regular.woff2

登录后复制

最常用的是css/bootstrap.min.css、js/bootstrap.min.js

jquery.min.js可以在JQuery官网下载

最后,在相应文件中引入即可。

优点:确保网络状况不佳的情况下,页面样式依然可以正常显示

缺点:需要提前安装或下载,引用时要考虑路径问题。

相关推荐:《bootstrap教程》

以上就是bootstrap文件怎么引入的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3003632.html

(0)
上一篇 2025年3月13日 00:36:25
下一篇 2025年3月6日 06:59:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • bootstrap是干什么的

    bootstrap是干什么的 Bootstrap是一组用于网站和网络应用程序开发的开源前端(所谓“前端”,指的是展现给最终用户的界面。与之对应的“后端”是在服务器上面运行的代码)框架,包括HTML、CSS及JavaScript的框架,提供字…

    2025年3月13日
    200
  • bootstrap框架优点有哪些

    bootstrap优点 Bootstrap是基于HTML,CSS,javascript的前端框架,使用它可以快速的搭建出网站。 1、跨设备,跨浏览器  可以兼容所有现代浏览器。 2、响应布局  bootstrap提供了一套响应式、移动设备优…

    2025年3月13日
    200
  • bootstrap的轮播图怎么实现

    第一步,打开电脑中安装的Sublime Text3,新建demo文件夹用来存放文件,在里面新建一个html文件,通过Tab快捷键迅速创建一个html模板,并命名标题。如图: 第二步,在顶部head标签里引入外部JQuery和Bootstra…

    2025年3月13日 编程技术
    200
  • bootstrap的缩略图大小能设置么

    Bootstrap 创建缩略图的步骤如下: 1、在图像周围添加带有 class .thumbnail 的 标签.2、这会添加四个像素的内边距(padding)和一个灰色的边框。 有了一个基本的缩略图,我们可以向缩略图添加各种 HTML 内容…

    2025年3月13日
    200
  • bootstrap的表单怎么选日期

    在大多数项目中 用户界面的时间选择是必不可少的,在项目的用户体验友好度这个大前提下,不让用户自己输入时间就显得格外的重要。而且用户输入时间还会存在格式不固定的问题,加大后台的开发量。 在这个时候就需要用到时间输入插件了,格式由我们自己设置,…

    2025年3月13日
    200
  • bootstrap框架技术基础是什么

    Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的。 为什么使用 Bootstrap? 移动设备优先:自Bootstrap3起,框架包含了贯穿于整个库的移动设…

    2025年3月13日
    200
  • spss中怎么用bootstrap做中介分析

    在中介效应、调节效应的分析过程中,主要有两种思路,一种是显变量,另一种是潜变量结构方程模型。对应的软件也分为两类,一类是基于显变量路径分析模型的SPSS、SAS等软件,一类是基于潜变量模型的、lisrel、Amos、Mplus等结构方程模型…

    2025年3月13日
    200
  • bootstrap与vue区别

    BootStrap: 特点是栅格系统,使用简单,上手容易。专为响应式页面而生,一套代码就可以自适应平板电脑和PC。 缺点在于,缺少一套有力的成体系的组件(当时调查的时候还没有,现在据说有了),我在实际使用时,发生了作用域冲突的问题, 如果没…

    2025年3月13日
    200
  • bootstrap与angularjs区别

    bootstrap不算是javascript框架,它只是一个前端的ui框架,然后有一些附带的js插件而已。angularjs是一个javascript的mvvm的框架,是为了开发有复杂业务逻辑的CRUD应用而生的。 相关推荐:《angula…

    2025年3月13日
    200
  • bootstrap和layui的区别

    layui和bootstrap对比 这两个都属于UI渲染框架 layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了。比较新,轻量级,样式简单好看。 bootstrap 相对来说是比较成熟的一个框架,现在已经更新到4.X…

    2025年3月13日
    200

发表回复

登录后才能评论