学习使用Bootstrap输入框、导航、分页等常用组件

学习使用Bootstrap输入框、导航、分页等常用组件

Bootstrap输入框和导航组件

一.下拉菜单

下拉菜单，就是点击一个元素或按钮，触发隐藏的列表显示出来。

按钮和菜单需要包裹在.dropdown 的容器里，而作为被点击的元素按钮需要设置datatoggle=fThjjBQTT”dropdown”才能有效。对于菜单部分，设置 class=”dropdown-menu”才能自动隐藏并添加固定样式。设置 class=”caret”表示箭头，可上可下。

示例效果:

代码：

下拉菜单

下拉菜单

二．输入框组件

文本输入框就是可以在元素前后加上文字或按钮，可以实现对表单控件的扩展。

例如实现下列的效果：

代码示例：

@

@

￥

.00

提交

下拉菜单

三. 导航条组件

导航组件，用于实现 Web 页面的栏目操作,导航条是网站中作为导航页头的响应式基础组件。

示例效果：

代码：

标题

注册

搜索

登录

我是一段文字链接地址

四. 分页组件

分页组件可以提供带有展示页面的功能。

使用演示：

五. 标签组件

六. 徽章组件

未读信息信息10

提交5

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。