找到 628 篇文章 适用于 CSS 框架

Bootstrap lead 类

Chandu yadav
更新于 2020年6月12日 11:26:25

2K+ 浏览量

Bootstrap 中的 lead 类用于为段落添加强调。您可以尝试运行以下代码以在 Bootstrap 中实现 lead 类 - 示例 在线演示 Bootstrap lead 类 Lead 示例 这是一段演示文本。这是一段演示文本。这是一段演示文本。这是一段演示文本。这是一段演示文本。这是一段演示文本。这是一个演示使用引导正文副本的示例段落。

Bootstrap 中的内联小标题

Ankith Reddy
更新于 2020年6月12日 11:34:35

774 浏览量

要向任何标题添加内联小标题,只需在任何元素周围添加 或添加 .small 类,您将获得颜色更浅的较小文本。您可以尝试运行以下代码来处理 Bootstrap 中的内联小标题 - 示例 在线演示 Bootstrap 示例 Heading1 h1. 我是辅助标题 h1 Heading2 h2. 我是辅助标题 h2

使用 Bootstrap 包裹页面内容

Arjun Thakur
更新于 2020年6月12日 09:26:17

414 浏览量

要包裹页面内容,请使用 .container 类,...以下是 bootstrap.css 文件中的 .container 类: .container{ padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; }

在 Bootstrap 中设置排版和链接样式

George John
更新于 2020年6月12日 09:39:24

110 浏览量

Bootstrap 设置了基本的全局显示(背景)、排版和链接样式。基本全局显示 - 为 元素设置 background-color: #fff;。排版 - 使用 @font-family-base、@font-size-base 和 @line-height-base 属性作为排版基础。链接样式 - 通过属性 @link-color 设置全局链接颜色,并且仅在 :hover 上应用链接下划线。

使用 Bootstrap 使图像响应式

Arjun Thakur
更新于 2020年6月12日 09:43:57

6K+ 浏览量

要在 Bootstrap 中使图像响应式,请向 标签添加一个类 .img-responsive。此类将 max-width: 100%; 和 height: auto; 应用于图像,以便它可以很好地缩放至父元素。以下是您可以轻松使图像响应式的方法 - 示例 在线演示 Bootstrap 示例

移动优先 Bootstrap

George John
更新于 2020年6月12日 09:48:43

1K+ 浏览量

自 Bootstrap 3 以来,Bootstrap 已成为移动优先。这意味着“移动优先”样式可以在整个库中找到,而不是在单独的文件中。您需要将视口元标记添加到 元素中,以确保在移动设备上正确呈现和触摸缩放。这里,width 属性控制设备的宽度。将其设置为 device-width 将确保它在各种设备(手机、台式机、平板电脑……)上正确呈现。initial-scale = 1.0 确保加载时,您的网页将以 1:1 的比例呈现,并且不会开箱即用地应用缩放添加 ... 阅读更多

在 Bootstrap 中设置列排序

Chandu yadav
更新于 2020年6月12日 10:15:44

1K+ 浏览量

按顺序编写列,并以另一种顺序显示它们。您可以使用 .col-md-push-* 和 .col-md-pull-* 修饰符类轻松更改内置网格列的顺序,其中 * 的范围从 1 到 11。示例 在线演示 Bootstrap 示例 标题 排序前 我在左边 我在右边 排序后 我在左边 我在右边

Bootstrap 包含哪些组件?

Ankith Reddy
更新于 2020年6月12日 10:18:54

705 浏览量

Bootstrap 包含以下内容,组件 - Bootstrap 包含十几个可重用的组件,旨在提供图标、下拉菜单、导航、警报、弹出窗口等等。脚手架 - Bootstrap 提供了一个基本结构,包括网格系统、链接样式和背景。自定义 - 自定义 Bootstrap 的组件、更少的变量和 jQuery 插件以获得您自己的版本。CSS - Bootstrap 具有全局 CSS 设置、使用可扩展类设置样式和增强基本 HTML 元素以及高级网格系统的功能。JavaScript 插件 - Bootstrap 包含十几个自定义 jQuery 插件。您可以轻松地全部包含它们,或逐个包含它们。

使用 Bootstrap 的好处

Arjun Thakur
更新于 2020年6月12日 10:20:45

788 浏览量

Bootstrap 是一款开源、简洁、直观且功能强大的移动优先前端框架,可加快和简化 Web 开发。以下是使用 Bootstrap 的好处 - Bootstrap 3,框架在整个库中包含移动优先样式,而不是在单独的文件中。它受所有流行浏览器支持。只需了解 HTML 和 CSS,任何人都可以开始使用 Bootstrap。Bootstrap 的响应式 CSS 可适应台式机、平板电脑和手机。

Bootstrap btn-toolbar 类

George John
更新于 2020年6月12日 10:25:58

380 浏览量

使用 btn-toolbar 类在 Bootstrap 中设置按钮工具栏。您可以尝试运行以下代码以实现 btn-toolbar 类 - 示例 在线演示 Bootstrap 示例 MCA BCA MBA MS

广告