首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

BootStrap基础知识

> dropdown 类用来指定一个下拉式功能表 使用一个按钮或链接来打开下拉式功能表,按钮或链接需要添加 .dropdown-toggle 和 data-toggle="dropdown... 元素上添加 .dropdown-menu 类来设置实际下拉式功能表,然后在下拉式功能表的选项中添加 .dropdown-item 类。...可以在 标签中使用 dropdown-divider 类用于在下拉式功能表中创建一个水平的分割线 dropdown-header 类用于在下拉式功能表中添加标题 active 类会让下拉式功能表的选项高亮显示...在元素上的 .dropdown-menu 类后添加 .dropdown-menu-right 类,使下拉式功能表右对齐。 dropright类,下拉式功能表向右弹出。... collapse 类用于指定一个折叠元素,点击按钮后会在隐藏显示之间切换。

22010

HTML入门

6个,h1~h6, h1是─级标题,最大;h6是六级标题,最小 align align是标题的重要属性,能够决定标题中文字的显示位置 标题标签一共有6个 align属性可以设置文本对齐方式...">center:居中对齐方式 right:右对齐方式 水平线和换行 或 是水平线标签 html文档中无法使用回车进行换行...和 span标签 div标签主要是用来对网页进行布局的( div+css ) span标签通常用来将文本的一部分独立出来,从而对独立出来的内容设置单独的样式 div 标签一行只能放一个 span 一行可以放多个...、单元格边框的间隙 cellpadding: 单元格中内容单元格的间隙 align: 设置表格在页面中的位置; 设置tr/td中文字对齐方式 bgcolor: 设置表格、tr、td的背景色 列表表单标签..."提交按钮" /> 隐藏域 不显示在页面上,但是表单提交时又会被提交到action指定位置的域 下拉菜单 下拉菜单由select 和 option 两个标签组合而成

2.9K40

Bootstrap学习文档(三)

> 按钮组图标 按钮组中可以添加图标,比如说常见的下拉按钮图标,,同时添加的方式也有不同,下面还是给出了三种不同的标签添加,input标签是不能这样使用的。...> 下拉菜单的样式 下拉菜单除了上面默认的样式还有其他不同的样式,比如说下拉菜单右对齐(默认是左对齐),下拉菜单里面也有样式可以选择。...input-group-btn 添加的额外元素是按钮,一般的按钮的话用 span 标签包裹起来,下拉菜单按钮,外面需要 div 包裹起来,注意哦~。...中的导航分为标签页式导航,面包屑式导航,两端对齐式导航,可以有需要的选择使用,导航里面又可以放下拉菜单。...--添加标题段落的列表组,列表组标题:list-group-item-heading,列表组内容:list-group-item-text--> <ul class

5.9K20

BootStrap应用开发学习入门1

.dropdown-menu-right 下拉菜单右对齐 .dropdown-header 向下拉菜单的标签区域添加标题提示 .disabled 下拉菜单中的禁用项 .divider 下拉菜单中的分割线...是用不可视的方式给元素加label aria-labelledby #如果被描述元素存在真实的描述元素,可使用它作为来绑定描述元素和被描述元素来代替 按钮下拉菜单 描述: 分割按钮的左边是原始的功能,右边是显示下拉菜单的切换...,还可以进行按钮下拉的菜单变化 基础示例: 按钮下拉分离 <button type="button" class="btn btn-primary...导航元素 描述:进行首页导航栏的菜单进行设置,导航菜单<em>与</em><em>下拉</em>菜单使用相似的语法; 默认情况下,列表项的锚<em>与</em>一些数据属性协同合作来触发带有 .dropdown-menu class的无序列表。...(left / center / right ) 向左或向右<em>对齐</em>导航栏中的 导航链接、表单、<em>按钮</em>或文本 这些组件 .navbar-btn #导航栏中的<em>按钮</em>向不在 中的 <button

44.6K21

BootStrap应用开发学习入门1

.dropdown-menu-right 下拉菜单右对齐 .dropdown-header 向下拉菜单的标签区域添加标题提示 .disabled 下拉菜单中的禁用项 .divider 下拉菜单中的分割线...是用不可视的方式给元素加label aria-labelledby #如果被描述元素存在真实的描述元素,可使用它作为来绑定描述元素和被描述元素来代替 按钮下拉菜单 描述: 分割按钮的左边是原始的功能,右边是显示下拉菜单的切换...,还可以进行按钮下拉的菜单变化 基础示例: 按钮下拉分离 <button type="button" class="btn btn-primary...导航元素 描述:进行首页导航栏的菜单进行设置,导航菜单<em>与</em><em>下拉</em>菜单使用相似的语法; 默认情况下,列表项的锚<em>与</em>一些数据属性协同合作来触发带有 .dropdown-menu class的无序列表。...、<em>按钮</em>等)添加<em>下拉</em>菜单 基础用法: (1)通过 data 属性:向链接或<em>按钮</em>添加 data-toggle="dropdown" 来切换下拉菜单,如下所示:

44.2K20

Bootstrap 下拉菜单.dropdown的具体使用方法

本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。...=”dropdown 自定义属性 可以js关联起来 .dropdown-menu 下拉菜单 具体实例: <div class="dropdown" <button class="btn btn-default...1、<em>对齐</em>方式:默认左<em>对齐</em> 右<em>对齐</em>:给.dropdown-menu添加.dropdown-menu-right类就可以 注意:它是以父级的位置来<em>对齐</em>的 怎么样让<em>下拉</em>菜单以<em>下拉</em>菜单触发器的右端<em>对齐</em>呢?...2、<em>下拉</em>菜单的<em>标题</em> dropdown-header 在任何<em>下拉</em>菜单中均可通过添加<em>标题</em>来标明一组动作。...如果想让<em>下拉</em>菜单的<em>标题</em>居中,就需要添加一个.text-center的类 <ul class="dropdown-menu" aria-labelledby="dropdownMenu3" ...

1.8K10
领券