Twitter bootstrap 两个输入在同一行中,与其他输入不同的填充
我有一个布局的问题,我使用引导与管理面板一起名为gentelella。 我的问题是输入表单的填充不同,我尝试用row div来包装输入,但这不起作用,下面是html文件-js fiddle[[] 个人信息Twitter bootstrap 两个输入在同一行中,与其他输入不同的填充,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我有一个布局的问题,我使用引导与管理面板一起名为gentelella。 我的问题是输入表单的填充不同,我尝试用row div来包装输入,但这不起作用,下面是html文件-js fiddle[[] 个人信息 我的推荐链接* 用户名* 名字* 姓* 性别 男女 电子邮件地址 流动电话号码。 出生日期* 最高资格* 选择资格 第十 第十二 理工学院 思科认证网络工程师 文凭 文学士 理学士 B.Com BCA 工商管理学士 B.技术 是 理学士(资讯科技) 文科硕士 理学硕士 M.Com 马华 工
我的推荐链接*
用户名*
名字*
姓*
性别
男女
电子邮件地址
流动电话号码。
出生日期*
最高资格*
选择资格
第十
第十二
理工学院
思科认证网络工程师
文凭
文学士
理学士
B.Com
BCA
工商管理学士
B.技术
是
理学士(资讯科技)
文科硕士
理学硕士
M.Com
马华
工商管理硕士
PGDM
理工硕士
我
理学硕士(IT)
博士
法学学士
大众传播
用户名*
国家
更新
使用col-sm-12
div行内
/*作为外部资源包含最新编译和缩小的CSS*/
/*可选主题*/
@导入url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap theme.min.css');
身体{
利润率:10px;
}
个人信息
我的推荐链接*
用户名*
名字*
姓*
性别
男女
电子邮件地址
流动电话号码。
出生日期*
最高资格*
选择资格
第十
第十二
理工学院
思科认证网络工程师
文凭
文学士
理学士
B.Com
BCA
工商管理学士
B.技术
是
理学士(资讯科技)
文科硕士
理学硕士
M.Com
马华
工商管理硕士
PGDM
理工硕士
<div class="clearfix"></div>
</div>
<div class="x_content">
<br />
<form action="/user/personal_information.php" method="post">
<div class="row">
<div class="form-group">
<label>My Referral Link*</label>
<input type="text" value="/signup.php?aff=CH10001" class="form-control" placeholder="" name="referrallink" readonly="readonly">
</div>
</div>
<div class="row">
<div class="form-group">
<label>Username*</label>
<input type="text" value="" class="form-control" placeholder="" name="referrallink" readonly="readonly">
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control has-feedback-left" id="inputSuccess2" placeholder="First Name">
<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback">
<input type="text" class="form-control has-feedback-left" id="inputSuccess2" placeholder="First Name">
<span class="fa fa-user form-control-feedback left" aria-hidden="true"></span>
</div>
</div>
<div class="row row-no-padding">
<div class="col-sm-6 form-group">
<label>First Name*</label>
<input type="text" value="" class="form-control" placeholder="" name="fname" required="">
</div>
<div class="col-sm-6 form-group">
<label>Last Name*</label>
<input type="text" value="" class="form-control" placeholder="" name="lname" required="">
</div>
</div>
<div class="form-group">
<label>Gender</label>
<input type="radio" name="gender" value="male" id="sex"> Male <input type="radio" name="gender" value="female" id="sex"> Female </div>
<div class="col-sm-6 no-pading" style="padding-right:10px;">
<div class="form-group">
<label>Email Address</label>
<input type="email" value="" class="form-control" placeholder="" name="email" disabled="">
</div>
</div>
<div class="col-sm-6 no-pading">
<div class="form-group">
<label>Mobile No.</label>
<input type="text" value="" class="form-control" placeholder="" name="mobile" required="">
</div>
</div>
<div class="col-sm-6 no-pading" style="padding-right:10px;">
<div class="form-group">
<label>Date of birth*</label>
<div class="input-group date">
<div class="controls input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
<input type="text" name="dob" value="" class="form-control">
<span class="add-on"><i class="icon-th" style="display: none;"></i></span>
</div>
<input type="hidden" id="dtp_input2" value="" class="form-control">
</div>
</div>
</div>
<div class="col-sm-6 no-pading">
<div class="form-group">
<label>Highest Qualification*</label>
<select id="" class="form-control" name="qualification" required="required">
<option value="">Select Qualification</option>
<option value="10th">10th</option>
<option value="12th">12th</option>
<option value="Polytechnic">Polytechnic</option>
<option value="CCNA">CCNA</option>
<option value="Diploma">Diploma</option>
<option value="BA">BA</option>
<option value="B.Sc">B.Sc</option>
<option value="B.Com">B.Com</option>
<option value="BCA">BCA</option>
<option value="BBA">BBA</option>
<option value="B.Tech">B.Tech</option>
<option value="BE">BE</option>
<option value="B.Sc(IT)">B.Sc(IT)</option>
<option value="MA">MA</option>
<option value="M.Sc">M.Sc</option>
<option value="M.Com">M.Com</option>
<option value="MCA">MCA</option>
<option value="MBA">MBA</option>
<option value="PGDM">PGDM</option>
<option value="M.Tech">M.Tech</option>
<option value="ME">ME</option>
<option value="M.Sc(IT)">M.Sc(IT)</option>
<option value="Ph.D"> Ph.D</option>
<option value="LLB">LLB</option>
<option value="Mass Communication">Mass Communication</option>
</select>
</div>
</div>
<div class="form-group">
</div>
<div class="form-group">
<label style="display: none;">User Name*</label>
<input type="text" hidden="hidden">
</div>
<div class="form-group">
<label>Country</label>
<input type="text" value="" class="form-control" placeholder="" name="contrydisplay" readonly="readonly">
</div>
<input type="hidden" value="" name="sno">
<div class="form-group text-right">
<button type="submit" class="btn btn-primary">Update</button>
</div>
</form>
</div>
</div>
</div>
</div>