bootstrap实践学习总结（一）

1、导航中左右两块内容，左边logo，右边用户信息等

类如上图，css定义如下：

左侧：.logo      右侧：.navbar

.main-header .logo{ float:left; display:block; width:230px; ……}

.main-header > .navbar{ margin-left: 230px;……margin-bottom:0px;}    最后会添加margin-bottom:0px;是因为bootstrap中对于.navbar的定义，margin-bottom:20px

2、toggle图标的应用

若采用font icon图标来实现，即在class里设置font-family: fontAwesome;另外在class:before{}中设置图标号，如下：

/*toggle图标*/
.main-header .sidebar-toggle{ float: left; padding: 15px; font-family: fontAwesome;}
.sidebar-toggle:before{content: "\f0c9";}

也可如下定义css

.fa-envelope-o:before {c