Bootstrap 中有关元素浮动及清除浮动+Bootstrap 如何制作按钮组件

316 阅读2分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第30天点击查看活动详情
一、使用 Bootstrap 激活或禁用按钮要如何操作
激活按钮:给按钮增加.active 的 class
禁用按钮:给按钮增加 disabled="disabled"的属性

二、Bootstrap 有哪些关于的 class
1.img-rounded 为图片添加圆角
2.img-circle 将图片变为圆形
3.img-thumbnail 缩略图功能
4.img-responsive 图片响应式 (将很好地扩展到父元素)

三、Bootstrap 中有关元素浮动及清除浮动的 class
1.class="pull-left" 元素浮动到左边
2.class="pull-right" 元素浮动到右边
3.class="clearfix" 清除浮动

四、Bootstrap 如何制作下拉菜单
1.将下拉菜单包裹在 class="dropdown"的

中;
2.在触发下拉菜单的按钮中添加:class="btn dropdown-toggle" id="dropdownMenu1"
data-toggle="dropdown"
3.在包裹下拉菜单的 ul 中添加:class="dropdown-menu" role="menu" arialabelledby="dropdownMenu1"
4.在下拉菜单的列表项中添加:role="presentation"。其中,下拉菜单的标题要添加
class="dropdown-header",选项部分要添加 tabindex="-1"。

五、Bootstrap 如何制作按钮组件?以及水平按钮组和垂直按钮组的优先级?
1.用 class="btn-group"的

去包裹按钮组;class="btn-group-vertical"可设置垂直按钮组。
2.btn-group 的优先级高于 btn-group-vertical 的优先级。

六、Bootstrap 如何设置按钮的下拉菜单
在一个 .btn-group 中放置按钮和下拉菜单即可。

七、Bootstrap 中的输入框组如何制作
1.把前缀或者后缀元素放在一个带有 class="input-group"中的

中;
2.在该
内,在 class="input-group-addon"的里面放置额外的内容;
3.把放在元素的前面或后面。

八、Bootstrap 中的导航都有哪些
1.导航元素:有 class="nav nav-tabs"的标签页导航,还有 class="nav nav-pills"的胶囊式标签页导航;
2.导航栏:class="navbar navbar-default" role="navigation";
3.面包屑导航:class="breadcrumb"

九、Bootstrap 中设置分页的 class
默认的分页:class="pagination" 默认的翻页:class="pager"

十、Bootstrap 中显示标签的 class
class="label"