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






