BootStrap之包含下拉菜单的输入框
Bootstrap 包含 输入框 下拉菜单
2023-09-11 14:21:57 时间
BootStrap之包含下拉菜单的输入框
2018-11-04 11:47:57 深海幽声 阅读数 3696更多
本文链接:https://blog.csdn.net/qq_37844454/article/details/83714535
用法:
<div class="row col-md-5 text-center">
<div class="input-group"><!--保持内联,消除边框,类似于form-inline-->
<div class="input-group-btn"><!--不换行,与相邻元素内联,包含dropdown-->
<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
请选择<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="javascript:void(0);">宝贝</a></li>
<li><a href="javascript:void(0);">店铺</a></li>
</ul>
</div>
<input type="text" class="form-control" placeholder="请输入关键词" />
<span class="input-group-btn"><!--不换行,与相邻元素内联-->
<button class="btn btn-primary">搜索</button>
</span>
</div>
</div>
效果图:
相关文章
- 修复bootstrap daterangepicker中的3个问题
- 第二百五十一节,Bootstrap项目实战--响应式轮播图
- EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap弹窗功能的实现
- bootstrap
- [Bootstrap] 6. Navigation
- walkthrough 1 and 2 - id sap-ui-bootstrap
- 【转】让Bootstrap 3兼容IE8浏览器
- atitit。html css框架Bootstrap Foundation的比较与不同 attilax大总结
- Angular bootstrap的一个例子
- Angular self study 1 - Bootstrap
- 【Bootstrap】bootstrap快速入门
- BootStrap容器介绍
- 【Bootstrap】bootstrap入门之Scss知识点详解_03
- 【Bootstrap】bootstrap入门之栅格布局、弹性布局、组件类_02
- 【Bootstrap】bootstrap入门之媒体查询技术、样式类_01
- WebRTC报错:depot_tools/bootstrap_python3: um.8_bin/python3/bin/python3: 没有那个文件或目录(三)