热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Bootstrap中的水纹是什么?

Bootstrap中的水纹是什么?原文:https://www

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
            
        


    



输出:

不同大小按钮的引导图


推荐阅读
author-avatar
seoer
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有