• 爱学习公众号

    关注爱学习公众号

  • 扫码手机阅读更方便

推荐阅读
  • Bootstrap4 屏幕阅读器

    屏幕阅读器 使用screenreader工具隐藏除屏幕阅读器之外的所有设备上的元素。 透过 .sr-only将一个元素对所有设备隐藏,除了屏幕阅读器,只有屏幕阅读器可以读取到 .sr-only 中的内容。 将 .sr-only 于 .sr-only with .sr-only-focusable 结合,以便

  • Bootstrap4 可见性

    可见性 通过可见性工具控制可见性,不会影响物件的实际空间。 使用可见性通用类别设置元素的 visibility。这不会改变 display 值,并且有助于对大部分使用者隐藏内容,但是在屏幕阅读器仍然保存它们。 依需求使用 .visible 或 .invisible 。复制<div class

  • Bootstrap4 概览

    介绍 开始使用 Bootstrap 吧! Bootstrap 是一套流行的前端框架,它帮助你轻松构建对移动设备很友好的响应式网站。 开始 希望快速添加 Bootstrap 到你的项目? 使用 BootstrapCDN ,由 StackPath 的人免费提供。 使用包管理器还是需要下载源文件?点击左边导航的“下载”来获取所需信息 CSS 复制

  • Bootstrap4 提示框

    提示框 当您想要描述一个链接的时候,提示工具(Tooltip)就显得非常有用。提示工具(Tooltip)插件是受 Jason Frame 写的 jQuery.tipsy 的启发。提示工具(Tooltip)插件做了很多改进,例如不需要依赖图像,而是改用 CSS 实现动画效果,用 data 属性存储标题信息。 概览使用提示框插件时应了解的事情如下:

  • Bootstrap4 颜色

    颜色 借助一些颜色工具让颜色的表达更具有意义。同时也支持有 hover 状态的链接样式。 Color.text-primary.text-secondary.text-success.text-danger.text-warning.text-info.text-light.text-

  • Bootstrap4 输入框组

    输入框组 将一组表单控件加入其中,可以是文字内容,按钮,按钮组等。 基本例子 在输入框组的两侧放置附加组件或按钮。 记得要放置 <label> 在输入框组之外。 @

  • Bootstrap4 关闭图标

    关闭图标 使用一般的关闭图标类,关闭 modals 元件和 alerts 元件之类的内容。. 请务必为屏幕阅读器添加文本,我們可以使用 aria-label 标签属性。 ×复制<button type="button" class="close" aria-label="Close"&

  • Bootstrap4 弹出框

    弹出框(Popover)插件 Bootstrap 弹出框的文件与实例,类似 iOS 上的风格,可加在网页上的任何元素上。 概览使用弹出框插件时应了解的事情如下: 弹出框依靠第三方函数库 Popper.js 进行定位。 在 Bootstrap 弹出框工作之前,你必须包含 popper.min.js,或者使用 bootstrap.bundle.mi

  • Bootstrap4 模态框

    模态框(modal) 使用 Bootstrap JavaScript 的 modal 插件来增加一个对话视窗、用户提示或完整的自定义内容。 如何使用在开始使用 Bootstrap modal之前,请务必阅读以下内容。 modal是用 HTML、CSS 和 JavaScript 构建的。 它们可以在文件的任何元素上,并从 <body>

  • Bootstrap4 Webpack

    Webpack了解如何使用 Webpack 3在项目中加入 Bootstrap。安装 Bootstrap请转至下载章节查阅如何使用 np m安装 bootstrap导入 JavaScript通过将此行添加到应用程序的入口点(通常是index.js或app.js)来导入Bootstrap的JavaScript:复制import 'bootstrap';或者,你可以根据需要

  • Bootstrap4 概览

    介绍 开始使用 Bootstrap 吧! Bootstrap 是一套流行的前端框架,它帮助你轻松构建对移动设备很友好的响应式网站。 开始 希望快速添加 Bootstrap 到你的项目? 使用 BootstrapCDN ,由 StackPath 的人免费提供。 使用包管理器还是需要下载源文件?点击左边导航的“下载”来获取所需信息 CSS 复制

  • Bootstrap4 下载

    下载 下载 Bootstrap 以获取已编译的 CSS 和 JavaScript ,源代码,或将其包含在你最喜欢的包管理器中,如 npm , RubyGems 等。 已编译的 CSS 和 JS 下载已编译的 Bootstrap v4.3.1 , 包含: 已编译并且压缩好的 CSS 已编译并且压缩好的 JavaScri

  • Bootstrap4 内容

    内容 了解 Bootstrap 中包含的内容,包括我们的预编译和源代码风格。 请记住, Bootstrap 的 JavaScript 插件需要 jQuery。 预编译的 Bootstrap下载后,解压缩,你会看到这些文件:复制bootstrap/├── css/│ ├── bootstrap-grid.css│ ├── bootst

  • Bootstrap4 构建工具

    构建工具 了解如何使用 Bootstrap 包含的 npm 脚本来构建我们的文档,编译源代码,运行测试等。 工具配置Bootstrap 使用NPM脚本为其构建系统。 package.json 包含了使用框架的便捷方法,包括编译代码,运行测试等。按照下面的步骤搭建编译环境: 下载并安装 Node.js, 我们需要用它来处理依赖关系。 进

  • Bootstrap4 兼容性

    浏览器与设备 了解 Bootstrap4 在各个浏览器和设备上的表现,这包含一些已知的奇怪问题。 浏览器 Bootstrap 支持所有主流浏览器和平台的最新,稳定版本。 在 Windows 上,支持 Internet Explorer 10-11 / Microsoft Edge 。 由于浏览器日新月异,大部分最新版本浏览器的内核可能无法确定提供一致

  • Bootstrap4 Javascript

    JavaScript Bootstrap 使用基于jQuery构建的可选JavaScript插件,用以实现某些功能。 定制或已编译版本插件可以单独包含 js/dist/*.js), 也可以使用完整的已编译版本 bootstrap.js 或压缩版本 bootstrap.min.js (不要两个同时使用).如果你使用包管理器 (Webpack, R

  • Bootstrap4 自定义主题

    制作主题 使用我们新的内置 Sass 变量自定义 Bootstrap 4,以获得全局样式设置,以便于主题和组件更改。 导览 在Bootstrap 3中,主题主要由LESS中的变量覆盖,自定义CSS和 dist 文件中包含的单独主题样式表驱动。 通过一些努力,可以在不触及核心文件的情况下完全重新设计 Bootstrap 3 的外观。 Bootstrap 4 提供

  • Bootstrap4 Webpack

    Webpack了解如何使用 Webpack 3在项目中加入 Bootstrap。安装 Bootstrap请转至下载章节查阅如何使用 np m安装 bootstrap导入 JavaScript通过将此行添加到应用程序的入口点(通常是index.js或app.js)来导入Bootstrap的JavaScript:复制import 'bootstrap';或者,你可以根据需要

  • Bootstrap4 无障碍访问

    无障碍访问 简要介绍 Bootstrap 创建可访问内容的功能和限制。 Bootstrap提供了一个易于使用的现成样式,布局工具和交互式组件框架,允许开发人员创建具有视觉吸引力,功能丰富且开箱即用的网站和应用程序。概述和限制使用 Bootstrap 构建的任何项目的整体可访问性在很大程度上取决于作者的标记,其他样式以及它们包含的脚本。 但是,如果

  • Bootstrap4 布局概览

    简介 布置 Bootstrap 项目的组件和设置,包括包装容器,强大的栅格系统,灵活的媒体对象和响应式工具。 容器容器(Containers)是 Bootstrap 中最基本的布局基础。特别是,如果要使用栅格系统来进行布局时。容器会根据屏幕大小来选择合适的宽度,这是全自动的。虽然容器可以嵌套,但大

关于我们 免责声明 联系我们
Copyright © 2021 爱学习网 浙ICP备18049359号 网站地图 Google地图