平武建站

如何使用Bootstrap输入框、导航、分页等常用组件

这篇文章主要介绍如何使用Bootstrap输入框、导航、分页等常用组件，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联公司主营镶黄网站建设的网络公司,主营网站建设方案,成都App制作,镶黄h5小程序设计搭建,镶黄网站营销推广欢迎镶黄等地区企业咨询

Bootstrap输入框和导航组件

一.下拉菜单

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

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

示例效果:

如何使用Bootstrap输入框、导航、分页等常用组件

代码：

下拉菜单

网站导航

首页

咨讯

产品关于

二．输入框组件

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

例如实现下列的效果：

如何使用Bootstrap输入框、导航、分页等常用组件

代码示例：

标题首页

咨讯

产品

关于

搜索

登录我是一段文字链接地址

首页

产品列表

时尚春款新装

平武建站