圖標部分、上面的6個圖標(包括房產、股權等),實際不是一個圖片,而是在阿里圖庫注冊后調用的圖標。圖標的大小控制可以通過class中定義font-size的大小來進行控制的,其實Bootstrap也有自己的圖標庫。當時我沒找到所需要的全部的圖標,所以就去阿里圖標庫找了,這個沒什么影響。底部的刷新、返回頂部的按鈕則是應用了Bootstrap的圖標庫。搜索Bootstrap的圖標字體,然后找到可以定制圖標的網站(很多),就可以對圖標進行顏色大小等屬性的改變,生成代碼后將代碼放到需要顯示圖標的位置就可以(前提是引入Bootstrap的css、js以及jquery和在對應目錄加入fonts的字體文件夾)
登陸頁面、登陸頁面利用Bootstrap進行了改寫!效果看起來感覺高大上了一些些,代碼略簡單,在Bootstrap的一些學習網站將有關輸入框、按鈕的資料看一遍。按照自己的需求修改好代碼,然后寫到對應位置即可
幫助中心列表、 幫助中心列表應用了列表組的組件。需要用到的2個類參數分別是list-group和list-group-item,list-group定義了一個列表組,可以是一個div活着一個ul,而list-group-item則是列表中的一個選項。當然list-group-item也可以是一個li活着一個a鏈接等標簽(效果如下圖)
效果實現如上圖所示!接下來會不定時在這里更新一下總結