How to use Bootstrap Glyphicons - Educative.io

文章推薦指數： 80 %
投票人數：10人

Glyphicons are icon fonts that can be used in a variety of web applications. They are a set of visual icons, symbols, and fonts provided by Bootstrap. SolutionsEducativeEnterpriseEnablementplatformDevelopersLearnnewtechnologiesProductsCoursesforEnterpriseSuperchargeyourengineeringteamCoursesforIndividualsWorldclasscoursesOnboardingOnboardnewhiresfasterAssessmentsMeasureyourSkillScorePersonalizedLearningPlansPersonalizedPlansforyourgoalsProjectsBuildrealworldapplicationsAnswersTrustedAnswerstoDeveloperQuestionsPricingForEnterpriseTailoredforyourteamForIndividualsStayaheadofthecurveCoursesLogInJoin forfreeTrustedanswerstodeveloperquestionsTrustedAnswerstoDeveloperQuestionsRelatedTagsglyphiconsbootstrapcommunitycreatorHowtouseBootstrapGlyphiconsChinweubaElijahAzubuikeGrokkingModernSystemDesignInterviewforEngineers&ManagersAceyourSystemDesignInterviewandtakeyourcareertothenextlevel.LearntohandlethedesignofapplicationslikeNetflix,Quora,Facebook,Uber,andmanymoreina45-mininterview.LearntheRESHADEDframeworkforarchitectingweb-scaleapplicationsbydeterminingrequirements,constraints,andassumptionsbeforedivingintoastep-by-stepdesignprocess. StartLearningWhatareGlyphicons?Glyphiconsareiconfontsthatcanbeusedinavarietyofwebapplications.Theyareasetofvisualicons,symbols,andfontsprovidedbyBootstrap.Althoughthereareothericonicfonts,forexample,faviconsthatarepremiumbutglyphiconsarefreeforBootstrapdevelopers.Let'sseeanexampleofhowtouseglyphiconsinourwebapplication.ExampleLet'slookatthecodebelow:OutputHTMLRunbootstrapglyphiconExplanationFirst,let’sunderstandthatglyphiconscanbeappliedinvariouswaysaccordingtoourpreference.Intheabovecodeexample,weapplyglyphiconsasalink.Inabutton,wealsouseitasastand-aloneelement.We'lluselines15and17toexplainthebasicusageofglyphiconsthenyoucanputonyourthinkingcapandinitiativetousethemhoweveryouwant.Inlines15and17theandelementhasthebootstrapglyphiconglyphicon-pencilclasses,sotouseanyglyphiconinbootstrap:Usetheorelement.Settheclassattributeoftheorelementasglyphiconthenaspaceandthenglyphicon-iconname.Sotouseaheadphoneiconglyphiconglyphicon-headphones,thekeywordglyphiconcomesfirst,thenthe`glyphicon-iconname(theiconnamecanbeanynameoftheicon).SeetheGlyphiconreferenceformoreGlyphicons.RELATEDTAGSglyphiconsbootstrapcommunitycreatorCONTRIBUTORChinweubaElijahAzubuikeLicense:CreativeCommons-Attribution-ShareAlike4.0(CC-BY-SA4.0)GrokkingModernSystemDesignInterviewforEngineers&ManagersAceyourSystemDesignInterviewandtakeyourcareertothenextlevel.LearntohandlethedesignofapplicationslikeNetflix,Quora,Facebook,Uber,andmanymoreina45-mininterview.LearntheRESHADEDframeworkforarchitectingweb-scaleapplicationsbydeterminingrequirements,constraints,andassumptionsbeforedivingintoastep-by-stepdesignprocess. StartLearningKeepExploringRelatedCoursesLearnin-demandtechskillsinhalfthetimeSOLUTIONSForEnterpriseForIndividualsForHR&ducativeSessionsEducativeAnswersABOUTUSOurTeamCareersHiringFrequentlyAskedQuestionsContactUsPressMOREGitHubStudentsScholarshipCourseCatalogEarlyAccessCoursesEarnReferralCreditsCodingInterview.comCopyright©2022Educative,Inc.Allrightsreserved.

請為這篇文章評分？

延伸文章資訊