问

Bootstrap 3:使用input-group/input-group-addon和horizo​​ntal标签设置自定义宽度

 wojijola; 发布于 2023-02-13 20:42
  • html
  • input
  • label
  • text
  • h2
  • button

    • 我想控制使用类我的输入元素的大小.col-lg-*概述这里引导网站上.但是,将元素放在div中会使其完全混乱:

    带div的HTML:

    
  
  
    
    $

    带div的HTML

    如何设置输入元素的宽度以使它们完全相同？

    我希望每个输入元素的左边距是齐平的,如下所示:

    排列的输入元素

    这就是现在的样子:

    当前状态

    这是我目前的HTML:

        
    
        
    
            
    Income
    
        
    

            
    
            
                $ 
                
            
    

            
    
            
                $
                 
            
    

            
    
            
                $

    实时示例:http://jsfiddle.net/jfXUr/

    Phil.. 17

    根据我上面的评论,尝试将标签与容器.input-group一起分组.form-group.

    
    
    
    
        $

    在这里演示 - http://jsfiddle.net/jfXUr/1/

    1 个回答

    • 根据我上面的评论,尝试将标签与容器.input-group一起分组.form-group.

      <div class="form-group">
    <label for="" class="control-label">Paycheck</label>
    <div class="input-group input-group-lg">
        <span class="input-group-addon">$</span> 
        <input type="text" class="form-control" id="">
    </div>
</div>

      在这里演示 - http://jsfiddle.net/jfXUr/1/

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