• 爱学习公众号

    关注爱学习公众号

  • 扫码手机阅读更方便

推荐阅读
  • Bootstrap4 进度条

    进度条 使用 Bootstrap 自定义进度条的文档和示例,支持堆叠进度条,调整动画背景和以及调整文本标签。 如何运作 进度元件使用两个 HTML 元素构建、一些CSS设置宽度、以及一些属性。我们不使用 HTML5 <progress> 元素 确保你可以堆叠进度条、加上动态效果,并在其上放置文本标签。 使用 .progre

  • Bootstrap4 可见性

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

  • Bootstrap4 图片

    图片 添加响应式设计的图片,这很简单,只需要给图片加上一些类就可以了。 响应式图片Bootstrap 中,给图片添加 .img-fluid 类,这样它就变成了一张响应式设计的图片。另外添加 max-width: 100%; 和 height: auto; 可以让图片根据父元素的大小进行等比例缩放。

  • Bootstrap4 分页

    分页 在多个页面中存在用于显示分页以指示一系列相关内容的文档和示例。 概述我们使用大量连接链接进行分页,使链接难以错过并且易于扩展 - 同时提供大量命中区域。分页是使用列表HTML元素构建的,因此屏幕阅读器可以宣布可用链接的数量。 使用包装 <nav> 元素将其识别为屏幕阅读器和其他辅助技术的导航部分。此外,由于页面可能具有多个此类导航

  • Bootstrap4 文本

    文本 一般文字工具来控制对齐、围绕、字体粗细、和其它属性的文档范例。 文字对齐使用文本对齐类轻松地将文本与组件对齐。Ambitioni dedisse scripsisse iudicaretur. Cras mattis iudicium purus sit amet fermentum. Do

  • Bootstrap4 尺寸

    大小尺寸 使用我们的宽度和高度工具轻松地将元素设置为宽或高(相对于其父元素)。 宽度和高度工具可以从 $sizes 中 _variables.scss 的 Sass map 产生。预设包含 25%, 50%, 75%, 100%, 和 auto 做为预设。按你的需求调整这些值,可产生不同的属性Widt

  • Bootstrap4 兼容性

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

  • Bootstrap4 轮播

    轮播 用于图片元素、幻灯片或包含文本的轮播元件。 如何运作轮播是一个幻灯片,是使用 CSS 3D 的变形转换和一些 JavaScript 构建一系列内容产生的轮回播放。它适用于一系列图像、文本或自定义标记。它还包括对上一个 / 下一个控制项和指示器的支持。在支持页面可见性 API 的浏览器中,当网页对用户不可见时,轮播将避免滑动(例如浏览器分页不

  • Bootstrap4 flex

    Flex flexbox 工具的套件包管理网格栏的排版、对齐和特定尺寸。对于更复杂的表现则需要自订 CSS。 启用 flex 使用 display 通用类别来创建一个 flexbox 容器,并将 直属内元素 转换为 flex 属性。增加额外的 flex 属性,也能够进一步修改 flex 容器和属性。

  • Bootstrap4 嵌入

    嵌入功能 通过创建可在任何设备上缩放的固有比率,根据父级的宽度嵌入响应式视频或幻灯片. 关于 将这些规则直接应用到 <iframe>, <embed>, <video>, and <object> 元素;当需要这些样式对应属性时可加入 .embed-responsi

  • 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 © 2020 爱学习网 浙ICP备18049359号 网站地图 Google地图