form 元素横向排列
Posted rigidwang
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form 元素横向排列相关的知识,希望对你有一定的参考价值。
<section id="contact"> <div class="lj"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2> <span class="glyphicon glyphicon-send"></span> 联系dd </h2> <p> hello </p> <address> <p> <span class="glyphicon glyphicon-home"></span> 地址: </p> <p> <span class="glyphicon glyphicon-phone-alt"></span> 联系电话: </p> <p> <span class="glyphicon glyphicon-envelope"></span> 邮箱: </p> </address> </div> <div class="col-md-6"> <form action="#" method="post"> <div class="col-md-6"> <input type="text" class="form-control" placeholder="您的姓名"/> </div> <div class="col-md-6"> <input type="email" class="form-control" placeholder="您的邮箱"/> </div> <div class="col-md-12"> <input type="text" class="form-control" placeholder="标题"/> </div> <div class="col-md-12"> <textarea class="form-control" placeholder="留言内容" rows="4"></textarea> </div> <div class="col-md-8"> <input type="submit" class="form-control" value="提交"/> </div> </form> </div> </div> </div> </div> </section>
以上是关于form 元素横向排列的主要内容,如果未能解决你的问题,请参考以下文章