1.Bootstrap入門
Bootstrap是Twitter公司于2011年8月開源的整體式前端框架,由Twitter的設(shè)計 Mark Otto 和 Jacob Thornton合作開發(fā)。
Bootstrap是當(dāng)前應(yīng)用最廣泛、最為開發(fā)者所熟知的前端框架。
2.按鈕組:用于把一組按鈕放在同一行
基本用法:將一組按鈕包裹在<div class="btn-group">…</div>內(nèi)即可。
按鈕組還支持 垂直排列、兩端對齊、嵌套。
3.input控件:包裹在<div class="input-group">…</div>中
(1)搜索框:input+按鈕。按鈕包裹在<span class="input-group-btn">中。
(2)搜索框2:input搭配用于說明的文字或圖片。將文字或圖片包裹在<span class==“input-group-addon”>中即可。
4.導(dǎo)航
(1)膠囊式導(dǎo)航:一般用于平級的選項列表。實質(zhì)為<ul>,為<ul>添加 .nav 和 .nav-pills 類即可(橫向)??v向膠囊式導(dǎo)航,再添加 .nav-stacked 類即可。
(2) 面包屑導(dǎo)航:一般用于有層級關(guān)系的選項列表。為<ul>元素或<ol>元素添加 .breadcrumb 類實現(xiàn)。
(3)頭部導(dǎo)航:絕大多數(shù)網(wǎng)站首頁的頁頭部分都會放置一個針對主要內(nèi)容的導(dǎo)航,便于用戶快速了解網(wǎng)站內(nèi)容和結(jié)構(gòu)。
遠(yuǎn)近互聯(lián)前端小華整理發(fā)布,希望能對學(xué)習(xí)技術(shù)的你有所幫助
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運營的品牌整合營銷服務(wù)讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。






