html – 组合输入组和表单组在引导3水平形式

html – 组合输入组和表单组在引导3水平形式,第1张

概述我做了一个jsfiddle与3个输入元素: http://jsfiddle.net/zb4dc/1/ 你可以看到他们不对齐. 如何才能做到这一点? <form class="form-horizontal" role="form"> <div class="form-group"> <label for="inputfield1" class="col-sm-2 control-lab 我做了一个Jsfiddle与3个输入元素: http://jsfiddle.net/zb4dc/1/

你可以看到他们不对齐.
如何才能做到这一点?

<form  role="form">  <div >    <label for="inputfIEld1" >input 1</label>    <div >      <input type="text"  ID="inputfIEld1" placeholder="input 1">    </div>  </div>  <div >    <label for="inputfIEld2" >input 2</label>    <div >      <div >        <input type="text"  ID="inputfIEld2" placeholder="input 2">        <span >.00</span>      </div>    </div>  </div>  <div >    <label for="inputfIEld3" >input 3</label>    <div >      <input type="text"  ID="inputfIEld3" placeholder="input     3">  </div></form>
解决方法 你在第二个输入字段中忘记了一个col-sm-10.以下是您更正的代码:
<body>    <div >        <form  role="form">            <div >                <label for="inputfIEld1" >input 1</label>                <div >                    <input type="text"  ID="inputfIEld1" placeholder="input 1">                </div>            </div>            <div >                <label for="inputfIEld2" >input 2</label>                <div >                    <div >                        <input type="text"  ID="inputfIEld2" placeholder="input 2">                        <span >.00</span>                    </div>                </div>            </div>            <div >                <label for="inputfIEld3" >input 3</label>                <div >                    <input type="text"  ID="inputfIEld3" placeholder="input 3">                </div>            </div>        </form>    </div></body>

小提琴:http://jsfiddle.net/zb4dc/2/

总结

以上是内存溢出为你收集整理的html – 组合输入组和表单组在引导3水平形式全部内容,希望文章能够帮你解决html – 组合输入组和表单组在引导3水平形式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1132212.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存