標簽歸檔:bootstrap

暴力修復 bootstrap.css 在手機端 滑動時右側出現空白的問題

最近的一個項目 前臺使用了 bootstrap.css + angularjs, 后臺只處理數據(用的php,處理結果直接 json_encode($arr),非常爽)。一直在Chrome的仿真機測試非常完美, 沒有進行真機測試。完成后,到手機測試時傻了,左右滑動頁面時,竟然出現了一個 空白的豎條(如下圖所示)。判斷是margin-right 設置的長度所致,檢查css,并沒有相關代碼??磥韱栴}出現在了 bootstrap 。 繼續閱讀

bootstrap glyphicons 字體實現方法

2017/02/24更新,感謝豬圈圈(bruce_zxy#163.com)指出,glyphicon 多了個s的問題,文章已經修正
================
使用bootstrap很久了,內置的 glyphicon 圖標,足以滿足 小型項目的需求。只需要使用一個樣式,即可調出圖標。雖然感覺很神奇,一直沒有分析他是怎么實現的,通過Chrome 開發者工具,定位到 對應的elment 后,得知他是 繼續閱讀