热门标签 | 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
            
        


    



输出:

不同大小按钮的引导图


推荐阅读
  • 移动端常用单位——rem的使用方法和注意事项
    本文介绍了移动端常用的单位rem的使用方法和注意事项,包括px、%、em、vw、vh等其他常用单位的比较。同时还介绍了如何通过JS获取视口宽度并动态调整rem的值,以适应不同设备的屏幕大小。此外,还提到了rem目前在移动端的主流地位。 ... [详细]
  • JS实现一键分享功能
    本文介绍了如何使用JS实现一键分享功能,并提供了2019独角兽企业招聘Python工程师的标准。同时,给出了分享到QQ空间、新浪微博和人人网的链接。 ... [详细]
  • node.jsurlsearchparamsAPI哎哎哎 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 本文主要解析了Open judge C16H问题中涉及到的Magical Balls的快速幂和逆元算法,并给出了问题的解析和解决方法。详细介绍了问题的背景和规则,并给出了相应的算法解析和实现步骤。通过本文的解析,读者可以更好地理解和解决Open judge C16H问题中的Magical Balls部分。 ... [详细]
  • Ihavethefollowingonhtml我在html上有以下内容<html><head><scriptsrc..3003_Tes ... [详细]
  • 深度学习中的Vision Transformer (ViT)详解
    本文详细介绍了深度学习中的Vision Transformer (ViT)方法。首先介绍了相关工作和ViT的基本原理,包括图像块嵌入、可学习的嵌入、位置嵌入和Transformer编码器等。接着讨论了ViT的张量维度变化、归纳偏置与混合架构、微调及更高分辨率等方面。最后给出了实验结果和相关代码的链接。本文的研究表明,对于CV任务,直接应用纯Transformer架构于图像块序列是可行的,无需依赖于卷积网络。 ... [详细]
  • This article discusses the efficiency of using char str[] and char *str and whether there is any reason to prefer one over the other. It explains the difference between the two and provides an example to illustrate their usage. ... [详细]
  • 本文介绍了使用Python编写购物程序的实现步骤和代码示例。程序启动后,用户需要输入工资,并打印商品列表。用户可以根据商品编号选择购买商品,程序会检测余额是否充足,如果充足则直接扣款,否则提醒用户。用户可以随时退出程序,在退出时打印已购买商品的数量和余额。附带了完整的代码示例。 ... [详细]
  • 实现一个通讯录系统,可添加、删除、修改、查找、显示、清空、排序通讯录信息
    本文介绍了如何实现一个通讯录系统,该系统可以实现添加、删除、修改、查找、显示、清空、排序通讯录信息的功能。通过定义结构体LINK和PEOPLE来存储通讯录信息,使用相关函数来实现各项功能。详细介绍了每个功能的实现方法。 ... [详细]
  • 本文讨论了使用bootstrapselect插件设置container后,选择完选项后options不隐藏的问题,给出了解决方法,并提供了相应的jsfiddle链接进行演示。 ... [详细]
  • Introduction(简介)Forbeingapowerfulobject-orientedprogramminglanguage,Cisuseda ... [详细]
  • [转载]从零开始学习OpenGL ES之四 – 光效
    继续我们的iPhoneOpenGLES之旅,我们将讨论光效。目前,我们没有加入任何光效。幸运的是,OpenGL在没有设置光效的情况下仍然可 ... [详细]
  • 详解 Python 的二元算术运算,为什么说减法只是语法糖?[Python常见问题]
    原题|UnravellingbinaryarithmeticoperationsinPython作者|BrettCannon译者|豌豆花下猫(“Python猫 ... [详细]
  • 【GO】k8s 管理系统项目的前端部分16–前端布局详解
    【GO】k8s管理系统项目[前端部分–前端布局]1.前端布局2.Layout2.1layoutsrclayoutLayout.vue ... [详细]
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社区 版权所有