我的问题是我无法在输入之前显示我的glyphicon.
这是我的代码:
{{--close modal --}}
其中的行如{{Form :: text('username',null,['required'=>'1','placeholder'=>'Username','id'=>'user','class'=> 'form-control'])}}是Laravel 4命令,它们生成输入类型="text"name ="text"class ="form-control pleceholder = ...
请回答只有bootstrap 3 ..
您可以使用.form-horizontal
,并将您的glyphicon放在除字段之外的其他列中:
<form class="form-horizontal" role="form"> <div class="form-group"> <label class="col-sm-1 col-sm-offset-3 control-label"><span class="glyphicon glyphicon-user"></span></label> <div class="col-sm-5"> <input type="text" placeholder="Username" class="form-control"/> </div> </div> <div class="form-group"> <label class="col-sm-1 col-sm-offset-3 control-label"><span class="glyphicon glyphicon-lock"></span></label> <div class="col-sm-5"> <input type="password" placeholder="Username" class="form-control"/> </div> </div> <br/> <input type="submit" class="btn btn-default" value="Login"/> or <input type="submit" class="btn btn-danger" value="Sign up"/> </form>
玩col-sm-x
和col-sm-offset-x
获得你需要的宽度.
Bootply