文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

友好的Bootstrap，让你越码越“上瘾”

Bootstrap 简述 Bootstrap 是一款来自Twitter 的前端框架。Bootstrap 基于HTML、CSS、JavaScript，因为它的简单灵活使得Web 开发更加快捷。...jQuery 是Bootstrap 各种组件的基础，并且Bootstrap 能够很好地兼容各种jQuery 插件。...同时Bootstrap 也提供较为丰富的jQuery插件，比如过渡效果、对话框、下拉菜单、滚动监听、标签页和提示框等一系列插件，在后续的文章中会逐步讲解其用法。...用户生产环境的Bootstrap：下载包为编译并且压缩后的CSS、JavaScript 和字体文件，不包含文档和源码文件。...如果在开发过程中不需要对Bootstrap 修改，则可以直接下载用于生产环境的文件包；当然你可以下载源码包修改以满足自己的开发需求。

2.6K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Bootstrap笔记

    引导指令,引导程序Bootstrap 是当下最流行的前端框架（界面工具集）；特点就是灵活简洁，代码优雅，美观大方；其目的是为了让 Web 开发更敏捷；是 Twitter 公司的两名前端工程师 Mark...-- 由于Bootstrap的JS插件依赖jQuery，so 引入jQuery --> jquery.min.js"> 插件JavaScript插件的依赖情况如何使用Javascript插件内置组件模态对话框下拉菜单滚动监听标签页工具提示弹出框警告框按钮折叠面板轮播图吸顶效果data-spy=”affix”data-offset-top...引导指令,引导程序 Bootstrap 是当下最流行的前端框架（界面工具集）； 特点就是灵活简洁，代码优雅，美观大方； 其目的是为了让 Web 开发更敏捷； 是 Twitter 公司的两名前端工程师...插件 JavaScript插件的依赖情况 如何使用Javascript插件 内置组件 模态对话框 下拉菜单 滚动监听 标签页 工具提示 弹出框 警告框 按钮 折叠面板 轮播图 吸顶效果 data-spy

    4.5K90

    Bootstrap安装的过程

    安装Bootstrap 什么是Bootstrap Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁...·组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。 ·JavaScript 插件：Bootstrap包含了十几个自定义的jQuery 插件。...： 用于生产环境的预编译版是编译并压缩后的 CSS、JavaScript 和字体文件。...可以直接用于生产环境。下载后解压的目录结构如下： 上面展示的就是 Bootstrap 的基本文件结构：Bootstrap框架提供了编译好的 CSS 和 JS (bootstrap.)...我们直接下载用于生产环境的预编译版。 创建一个Web项目目录，将下载的Bootstrap预编译版压缩包解压后的css、js和fonts三个目录拷贝到项目目录下。

    12810

    awesome-javascript-cn

    官网 hogan.js：是 Mustache 模板语言的编译器。官网 doT：最快速简洁的 JavaScript 模板引擎，适用于 nodejs 和浏览器。...basil.js：智能的 JavaScript 数据持久层库。官网 jquery-cookie：轻量简单的、用于读取、编辑和删除 cookie 的 jQuery 插件。...官网 览和引导 intro.js：这是一个介绍新功能的很好方式，能一步步地引导用户浏览你的网站和项目。官网 shepherd：通过引导让用户浏览你的应用程序。...官网 bootstrap-tour：应用 Twitter Bootstrap 弹出框对产品进行快速简单的引导。官网 tourist：简单、灵活的应用引导介绍库。...官网 hopscotch：让开发者更容易向其页面产品添加引导的框架。官网 joyride：基于 jQuery 的功能引导插件。

    12.3K80

    「沙里淘金」精选浏览器端JavaScript库资源推荐

    jquery.sparkline - jQuery JavaScript库的插件，可直接在浏览器中生成小的迷你图表。 xCharts - 基于D3的库，用于构建自定义图表和图形。...basil.js - 缺少的JavaScript智能持久层。 jquery-cookie - 一个简单，轻量级的jQuery插件，用于读取，写入和删除cookie。...amygdala - 用于JavaScript驱动的Web应用程序的RESTful HTTP客户端。 jquery.rest - 一个jQuery插件，可以轻松使用RESTful API。...bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。 tourist - - 为您的应用程序提供简单灵活的旅游。...构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。 流动性 - 世界上最小的完全响应的CSS框架。

    8.1K20

    「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

    jquery.sparkline - jQuery JavaScript库的插件，可直接在浏览器中生成小的迷你图表。 xCharts - 基于D3的库，用于构建自定义图表和图形。...basil.js - 缺少的JavaScript智能持久层。 jquery-cookie - 一个简单，轻量级的jQuery插件，用于读取，写入和删除cookie。...amygdala - 用于JavaScript驱动的Web应用程序的RESTful HTTP客户端。 jquery.rest - 一个jQuery插件，可以轻松使用RESTful API。...bootstrap-tour - 使用Twitter Bootstrap Popovers快速轻松地进行产品导览。 tourist - - 为您的应用程序提供简单灵活的旅游。...构架 语义UI - 具有许多主题和元素的UI工具包。 w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。 流动性 - 世界上最小的完全响应的CSS框架。

    8.9K21

    2020前端性能优化清单（三）

    23 在生产环境中使用 JavaScript 原生模块。 还记得优秀的 cut-the-mustard [3] 技术吗？该技术将核心体验发送到旧版浏览器并将增强体验发送到现代浏览器的。...tree-shaking[9] 是一种清理构建产物的方法，它让构建结果只包含在生产中实际使用的代码，并消除 Webpack 中未使用的引入。...对于大多数 Web 应用程序来说，JavaScript 更适合，而 WebAssembly 最适合用于计算密集型 Web 应用程序，例如 Web 游戏。...请注意，如今，我们能以模块化方式编写 JavaScript，这种 JavaScript 可以在在浏览器直接运行，而无需使用编译或打包程序。...你可以将该技术集成到你的 Next.js 应用程序[93]，Angular 和 React 中[94]，并且有一个Webpack 插件[95]可以自动执行设置过程。

    2.5K10

    2020前端性能优化清单（三）

    23 在生产环境中使用 JavaScript 原生模块。 还记得优秀的 cut-the-mustard [3] 技术吗？该技术将核心体验发送到旧版浏览器并将增强体验发送到现代浏览器的。...tree-shaking[9] 是一种清理构建产物的方法，它让构建结果只包含在生产中实际使用的代码，并消除 Webpack 中未使用的引入。...对于大多数 Web 应用程序来说，JavaScript 更适合，而 WebAssembly 最适合用于计算密集型 Web 应用程序，例如 Web 游戏。...请注意，如今，我们能以模块化方式编写 JavaScript，这种 JavaScript 可以在在浏览器直接运行，而无需使用编译或打包程序。...你可以将该技术集成到你的 Next.js 应用程序[93]，Angular 和 React 中[94]，并且有一个Webpack 插件[95]可以自动执行设置过程。

    2.7K20

    前端组件库_前端组件库有什么好处

    JavaScript 框架汇总 JavaScript 框架 react Angular jQuery Backbone.js Ractive.js KISSY Zepto.js Vanilla JS...bootstrap GMU 日历组件 Mobiscroll 10.6 取色 Colorpicker plugin for Twitter Bootstrap 10.7 标签插件(Tag) TaggingJS...– 可以灵活定制的 jQuery 标签系统插件 10.8 自动完成插件 At.js – 一个Twitter/微博样式的@自动完成插件 jquery-textcomplete – 智能搜索提示框/自动补全...文档/表格 handsontable – 在线可编辑excel表格 jQuery Bootgrid – 用于ajax生成动态表格 DataTables – Table plug-in for jQuery...– 实现纯JS网页截图 jquery.qrcode.js – 生成二维码的 jQuery 插件 FocusPoint.js 实现图片的响应式裁剪 DD_belatedPNG.js – 让IE6支持透明

    7.6K10

    jQuery介绍与常见选择器的使用

    其独特而优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。...通过jQuery可以轻松地完成各种原本非常复杂的操作，让 JavaScript 新手也能写出出色的程序。 4.可靠的事件处理机制。...11.丰富的插件支持。jQuery的易扩展性，吸引了来自全球的开发者来编写jQuery的扩展插件。目前已经有成百上千的官方插件支持，而且还不断有新插件面世。 12.完善的文档。...图中的Download the compressed, production jQuery 3.2.1是最小化版，代码经过压缩的，一般用于生产环境。...Download the uncompressed, development jQuery 3.2.1则是未压缩版，代码未经过压缩，可供阅读，一般用于开发环境。 下载完成： ?

    3.3K10

    五年 Web 开发者 star 的 github 整理说明

    文件上传的jquery插件 terinjokes/gulp-uglify js混淆压缩的gulp插件 efri-yang/mobileValidate 移动端表单验证控件(适用于jquery和zepto...操作localStorage、IndexedDB或 Excel中的数据 timtian/qo-sql 腾讯某前端高工写的babel 插件，用sql操作js对象，将sql编译成js代码 thejameskyle.../TouchSwipe-Jquery-Plugin 触摸拨动的jquery插件 facebook/react 划时代意义的前端组件化开发库 jeromeetienne/jquery-qrcode 生成二维码的...输入框自动完成的库 twitter/typeahead.js twitter出品的输入框自动完成的库 formvalidation/formvalidation 表单检验的库 aui / art-template...jquery插件 macek/jquery-serialize-object 表单数据序列化的jquery插件 CodeSeven/toastr 提示框组件 janl/mustache.js 前端模版引擎

    9.7K50

    前端常用插件

    前端框架，是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的可视化流程图 markdown-it: 新型 Markdown 解析器，快速，支持插件 multiline...，可以为 JSON 创建索引，离线也可以使用 jquery.hotkeys: jQuery 插件，用于绑定热键 breach_core: Javascript 编写的 Browser (浏览器) octocard...Javascript 语法错误的库， Facebook 出品 zoomooz: jQuery 插件，用来处理浏览器缩放 fancyBox: 一个用于放大缩小图片、Web 内容或者多媒体元素的库，优雅大方...，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS jquery-qrcode: jQuery 插件，用来生成二维码 Wookmark-jQuery: jQuery 的一个插件...可以访问 Facebook/Twitter/Google Drive 等网络服务 spectrum: Js实现的颜色选择器 (Colorpicker) jQuery.countdown: jQuery

    5.9K61

    前端插件以及部分细分网址梳理

    解析器，快速，支持插件 multiline: 用于 Javascript 中的多行文本，类似于 Ruby 的 HERE Doc screenfull.js: 全屏插件，支持各大浏览器 lunr.js:...类似于 Solr, 但是用于浏览器上的全文搜索引擎，可以为 JSON 创建索引，离线也可以使用 jquery.hotkeys: jQuery 插件，用于绑定热键 breach_core: Javascript...的语法 flow: 一个用来检测 Javascript 语法错误的库， Facebook 出品 zoomooz: jQuery 插件，用来处理浏览器缩放 fancyBox: 一个用于放大缩小图片、Web...Medium 中的效果 jquery-validation: jQuery 的一个插件，用于校验 Form 表单 BigVideo.js: jQuery 的一个插件, 用于实现大背景(视频、图片)效果...device.js: 一个可以检测设备类型的工具，可以让我们根据不同的设备来为其定制响应的 Javascript 和 CSS jquery-qrcode: jQuery 插件，用来生成二维码 Wookmark-jQuery

    6.7K90

    程序员Web面试之前端框架等知识

    基于前面2篇博客： 程序员Web面试之jQuery 程序员Web面试之JSON 您已经可以顺利进入Web开发的大门。...下面就Web开发用到的前端框架、UI套件、UI插件一一列举(排名不分先后）： jQuery UI jQuery UI以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。...包含底层用户交互、动画、特效和可更换主题的可视控件。包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。...(2) jQuery UI则是在jQuery的基础上，利用jQuery的扩展性，设计的插件。提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等。...官网例子：http://knockoutjs.com/examples/helloWorld.html Bootstrap： Twitter推出，一个开源的用于前端开发的工具包。

    2.8K50
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券