作者: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 class="btn btn-sm btn-primary"> Home
Search Icon along with small button class="btn btn-sm btn-primary"> Search
Home Icon along with button class="btn btn-danger"> Home
Search Icon along with button class="btn btn-danger"> Search
Home Icon along with long button class="btn btn-lg btn-success"> Home
Search Icon along with long button class="btn btn-lg btn-success"> Search
输出:
不同大小按钮的引导图