Bootstrap入門(七)組件1:字體圖標


Bootstrap入門(七)組件1:字體圖標
 
包括200個來自 Glyphicon Halflings 的字體圖標,允許 Bootstrap 免費使用。
部分可用圖標截圖:

 

所有圖標都需要一個基類和對應每個圖標的類。把下面的代碼放在任何地方都可以正常使用。注意,為了設置正確的內補(padding),務必在圖標和文本之間添加一個空格。
 
注意:
1.不要和其他組件混合使用
圖標類不能和其它組件直接聯合使用。它們不能在同一個元素上與其他類共同存在。應該創建一個嵌套的  <span>標簽,並將圖標類應用到這個  <span> 標簽上。
 
2.只對內容為空的元素起作用
圖標類只能應用在不包含任何文本內容或子元素的元素上。
 
3.使用需要外部引入的css文件
 
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
 
例子:
<button type="button" class="btn btn-default btn-lg">
     <span class="glyphicon glyphicon-star"></span> Star
</button>

 

效果:
 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM