作者:seoer | 来源:互联网 | 2023-10-12 16:21
Bootstrap 中的水纹是什么?
原文:https://www . geeksforgeeks . org/bootstrap 中的什么是字体/
Bootstrap 提供了一组图形图标、符号和字体,称为graphics。一些图标,如主页图标、用户图标、锁定图标等。一般来说,字体是图标字体,你可以在你的网络项目中使用。自举包括 260 个字体。这些用于网络项目的图案来自自举图案半身人套装。雕刻半身人不是免费提供的,但是他们的创造者让他们可以免费使用自举。
应用:
- 在网络项目中更有效、更容易理解。
- 用于一些文字、表格、按钮、导航等。
- 给任何网络项目有效和真实的外观。
- 用它来定义任何东西,都很容易。
现在让我们看看如何在 Bootstrap 中使用字体
方法:要在 Bootstrap 中使用 Glyphicons 图标,请在代码的任何地方使用以下代码。在图标和文本之间留出适当的空白,例如:
在所有其他样式表之前将 Bootstrap3 和 jQuery CDN 包含到标签中,以加载我们的 CSS。
示例 1: 在本例中,我们将看到 bootstrap 中的字体以及如何在网页中使用它。
超文本标记语言
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
Bootstrap Glyphicons Examples
Here are some glyphicons examples
which shows different icons:-
Home
Search
User
Lock
输出:
自举图形示例
示例 2: 在本例中,我们将使用纹理以及不同按钮大小的按钮。
超文本标记语言
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
Bootstrap Glyphicons Examples
Here are some glyphicons along with
buttons with different buttons size:-
Home Icon "glyphicon glyphicon-home">
Search Icon "glyphicon glyphicon-search">
Home Icon along with small button
Search Icon along with small button
Home Icon along with button
Search Icon along with button
Home Icon along with long button
Search Icon along with long button
输出:
不同大小按钮的引导图