摘要: 最基本的导航条就像下面这个样子: Page 1 Page 2 Page 3 没啥好说的了,nav-tabs的使用是基于nav之上的。还有胶囊式儿的。需要把nav-tabs换成nav-pills即可。小猿觉得没有上一种漂亮。。。不过堆叠式儿的pi... 阅读全文
posted @ 2014-05-27 16:43 VoctrALs 阅读(234) 评论(0) 推荐(0) 编辑
摘要: 把一系列的.btn按钮放入.btn-group中即可。。。 Left Middle Right.btn是有设置圆角的.btn-group .btn 设置了position: relative;float: left;所以他们会很好的排列在一行里面。我认为下面的代码就是TMD艺术:.btn-gr... 阅读全文
posted @ 2014-05-27 15:41 VoctrALs 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 如下可能是最简单的下拉列表了: DropDown Action Another action Something else here Separated link 这个... 阅读全文
posted @ 2014-05-27 13:36 VoctrALs 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 不得不说够优雅,够内涵。这个东西是能够通过外围设定的fon-size设定大小的,也就是所谓的矢量图。另外这个东西后面如果有文本的话,需要在文本前面追加一个空格,来弥补一下padding(内补)。 Star挺帅的~Font Awesome 3.0的使用确实让人感到舒服: icon-camera-r... 阅读全文
posted @ 2014-05-27 11:57 VoctrALs 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 总觉得Form这个东西怎么弄都行,弄弄就知道越弄越难弄了。老实儿地学学bootstrap的做法吧,—.—!如下html表现为label在上,input在下的样式。form-group设置了margin,form-control控制的input等输入控件设置了其width为100%,这就导致了和lab... 阅读全文
posted @ 2014-05-27 11:20 VoctrALs 阅读(848) 评论(0) 推荐(0) 编辑
摘要: Tapestry的学习不得不停一下了。因为Bootstrap再一次引起了我的注意,并且我不得不再系统地学习它一次。1 bootstrap需要一个HTML5的环境,也就是说必须是: ...2 bootstrap3是移动设备优先的,需要指定一个meta信息,viewport,视角:3 响应式图片的加入... 阅读全文
posted @ 2014-05-27 09:53 VoctrALs 阅读(502) 评论(1) 推荐(0) 编辑