关于两个元素没有同行显示的问题

代码如下
<div class="container">

<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" class="form-signin" role="form">
<h2 class="form-signin-heading">登录</h2>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input type="email" name="mailbox" class="form-control" placeholder="Email address" value="<?php if (!empty($user_username)) echo $user_mailbox; ?>" required>
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-key"></i></span>
<input type="password" name="password" class="form-control" placeholder="Password" required>
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-coffee"></i></span>
<input type="text" name="verify" placeholder="Verification" style="width:11.5em" required><img src="captcha.php" alt="Verification pass-phrase"
class="img-thumbnail" style="margin:5px;"/>
</div>
<div class="checkbox">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<button class="btn btn-lg btn-primary btn-block" type="submit" name="submit">Log in</button>
</div>
图标和输入框无法在同一行显示,图标采用font-awesomw的样式
QQ截图20141023215325.png
已邀请:

王赛

赞同来自:

你这是用的 bootstrap v2 版本吗?

Toney - 80后IT宅男

赞同来自:

可以使用
<div class="container-fluid">

Pluto - 半调子前端攻城师

赞同来自:

目测是用的bootstrap 3,BS3是表单元素都是100%宽度的,如果你要左边放图标的话可以用BS3的水平表单写法,左边一个.col-md-1,右边.col-md-11

要回复问题请先登录注册