bootstrap如何把表单select input button弄在一行
来源:互联网 发布:sql server 笛卡尔积 编辑:程序博客网 时间:2024/06/06 15:00
bootstrap很多折叠样式css都已经写好,可以直接用,很方便。但是,如果遇到一些bootstrap文档里面没有的例子,估计很多初学者都懵了,然后会折腾很久也未见得有效。今天主要讲如何把select input button弄在一行,因为直接用bootstrap的form-control样式会出现换行!只需要解决为何换行即可;form-control有个属性:width:100%,这个是产生换行的原因,所以覆盖form-control的width:100%样式为width:auto;即可。例子如下:
<div class="form-group"> <div class="input-group col-xs-12"> <div class="input-group-btn"> <select name="type" class="form-control" style="width: auto;"> <option value="1">全网</option> <option value="2">本站</option> </select> </div> <input type="text" name="keyword" id="keyword" class="form-control" placeholder="请您输入关键词"> <span class="input-group-btn"> <button class="btn btn-success" id="search_submit" type="submit">Go</button> </span> </div></div>
1 0
- bootstrap如何把表单select input button弄在一行
- bootstrap如何把表单select input button弄在一行
- bootstrap让label和input在一行里
- bootstrap让label和input在一行里
- input标签和button放在一行写:inline元素的空白间隙问题
- input button select 垂直对齐问题
- 表单提交:button input submit 的区别
- input、button、submit表单提交区别
- form表单提交中的input,button,submit
- 如何在asp.net把表单提交到另一页
- BootStrap让两个控件在一行显示
- bootstrap中form元素在一行显示
- 用 <button> , <input type="button"> , <input type="submit"> 提交表单的异同
- 基于Bootstrap里面的Button dropdown打造自定义select
- SQLSever: 如何在select中的每一行产生不同的随机数?
- Jquery - 调整Input标签的宽度并应用grid将input和button并排一行
- jQuery学习笔记---获取表单值(Input Checkbox ListBox Button...)
- 表单元素input、button、submit、submit()、onsubmit()详解
- Leetcode_278_First Bad Version
- ubuntu java6 install
- 《OpenCV2》编程手册——使用直方图统计像素
- 基于HTTPS协议的12306抢票软件设计与实现--相关接口以及数据格式
- Phalcon框架上扩展自定义Flash消息提示
- bootstrap如何把表单select input button弄在一行
- ios tableView那些事 (十)设置 tableview 的分割线
- 拓扑排序(poj 2367)
- CSS-基本选择器
- [DB2]存储过程经常使用方法
- chart.js绘制精美的数据化图形--入门示例
- java继承覆盖总结
- 冒泡排序改进版
- 我的第二个独立开发的邮箱类App—“简邮”(支持QQ、雅虎、阿里云、Outlook)