nynw.net
当前位置:首页 >> 怎么用BootstrAp将按钮放在input里面 >>

怎么用BootstrAp将按钮放在input里面

你说的是下面这种效果吧 button

用 包起来 不行就把 button , input 的样式中加上 display:inline;

hello,glad to answer you. 使用内联表单样式即可,如下: 运行效果:

v2.3.x 的 login 有时元素多了,我会用上

如下: Go!

通常选择的方法是将button 和文字分别置于一个中。 因为在未设置 display:block的时候是不会想div那样自动换行的,因此button和文字很自然就排成一行了, 而且两个span中的文字会自动对齐。 参考代码如下: .long-btn { height: 40px; width: 10...

form-control有两个属性影响换行. .form-control { width:100%; display: block; } 可以新增一个class .form-control-xxx { width:200px; display:inline; } 这个css要放到bootstrap.css下面 html如下 -

button 和 input 是行内元素 默认就在一行 你可以看看下面这段代码然后运行看看效果

给form添加form-inline 在页面width>=768px时 .form-control和.form-group都是inline-block,两者是同一行的 若要去处width的限制,可以给form添加.form-horizontal, 之后便可以利用栅格系统布局: -

你可以给他们加个栅格的代码,或者用float:left,或者用display:inline-block,最后这个可能IE7和IE6不能支持

网站首页 | 网站地图
All rights reserved Powered by www.nynw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com