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>
效果:
