Twitter Bootstrap 3输入和图标不显示内联

 mindylee 发布于 2023-02-12 19:24

我的问题是我无法在输入之前显示我的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 ..

1 个回答
  • 您可以使用.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"/>
        &nbsp;or&nbsp;
        <input type="submit" class="btn btn-danger" value="Sign up"/>
    
    </form>
    

    col-sm-xcol-sm-offset-x获得你需要的宽度.

    Bootply

    2023-02-12 19:28 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有