bootstrap
青菜白玉
怀揣着迷茫,行走在编程的路上的大学狗,编程即世界
展开
-
bootstrap框架之输入框组
基础用法<div class="input-group"> <span class="input-group-addon">@</span> <input type="text" class="form-control"></div>addon元素addon元素不仅可以是label和icon,还可以是复选框、单选框和按钮。...原创 2020-02-23 22:00:10 · 357 阅读 · 0 评论 -
bootstrap框架之按钮
按钮基础用法<button tyoe="button" class="btn btn-default"></button>按钮组<dvi class="btn-group"> <button type="button" class="btn btn-default"></button></div><!-...原创 2020-02-23 22:00:35 · 176 阅读 · 0 评论 -
bootstrap框架之菜单与列表
下拉菜单下拉菜单可用于按钮、导航条。基础用法:<div class="dropdown"> <ul class="dropdown-menu" role="menu"></div>菜单显示的时候,js会添加open样式。在应用其他地方时,可以不用dropdown样式,只要放置dropdown-menu的容器有position:relative即可...原创 2020-02-23 22:00:55 · 544 阅读 · 0 评论 -
bootstrap框架之导航
导航种类:选项卡导航 .nav-tabs,可以结合Tab插件使用显示tab的内容胶囊式选项卡导航 .nav-pills堆叠式导航 .nav-stacked,其实效果就是竖着的胶囊式选项卡导航自适应导航:在上面的基础上添加 .nav-justified。设置li充满整个父容器<ul class="nav nav-tabs"></ul><ul class...原创 2020-02-23 22:01:05 · 297 阅读 · 0 评论