bootstrap总结9,图标??? ?.icon-user(用户), .icon-drash(删除), .icon-refrash(刷新), .icon-cog(齿轮) i
bootstrap总结
9,图标?
?? ?.icon-user(用户), .icon-drash(删除), .icon-refrash(刷新), .icon-cog(齿轮) icon-white(反白)?
10,手风琴?
?? ?.accordion?
?? ??? ?|?
?? ??? ?|->.accordion-group?
?? ??? ?|?? ?|?
?? ??? ?|?? ?|->.accordion-heading?
?? ??? ?|?? ?|?? ?|?
?? ??? ?|?? ?|?? ?|->.accordion-toggle (data-toggle="collapse" href="#demo1"? data-parent="#accordion2")?
?? ??? ?|?? ?|?? ??
?? ??? ?|?? ?|->accordion-body?
?? ??? ?|?? ?|?? ?|?
?? ??? ?|?? ?|?? ?|->accordion-inner?
组件。?
1,导航?
?? ?.navbar (.navbar-fixed-top|.navbar-fixed-bottom)?
?? ??? |?
?? ??? |-->.navbar-inner?
?? ??? ??? ?|?
?? ??? ??? ?|->container?
?? ??? ??? ??? ?|?
?? ??? ??? ??? ?|->brand (项目名)?
?? ??? ??? ??? ?|?
?? ??? ??? ??? ?|->ul.nav (菜单)?
?? ??? ??? ??? ?|?? ?|?
?? ??? ??? ??? ?|?? ?|->li.divider-vertical 竖分割线?
?? ??? ??? ??? ?|?
?? ??? ??? ??? ?|->form.navbar-form(搜索框)?
?? ??? ??? ??? ?|?? ?|?
?? ??? ??? ??? ?|?? ?|->search-query?
?? ??? ??? ??? ?|?
?? ??? ??? ??? ?|->.dropdown (下拉菜单)?
?? ??? ??? ??? ?|?
?? ??? ??? ??? ?|->pull-right(使元素有右浮动)?
2,面包屑?
?? ?ul.breadcrumb?
?? ??? ?|?
?? ??? ?|->li?
?? ??? ???? |?
?? ??? ???? |->a?
?? ??? ???? |?
?? ??? ???? |->span.divider(分割线<span data-toggle="modal" data-backdrop="false" data-keyboard="false">打开对话框</a>?
?? ??? (3)javascript?
?? ??? a)初始化:?
?? ??? $("#mymodal").modal({?
?? ?? ??? ?dropback:true,?
?? ?? ??? ?keyboard:true,?
?? ?? ??? ?show:true?
?? ??? });?
?? ??? b) 触发?
?? ??? $("#mymodal").modal(