首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Bootstrap 3上的输入宽度

Bootstrap 3上的输入宽度
EN

Stack Overflow用户
提问于 2013-08-31 02:53:23
回答 17查看 492.2K关注 0票数 161

再次更新:我将通过选择顶部答案来结束此问题,以防止人们在没有真正理解问题的情况下添加答案。实际上,如果不使用网格或添加额外的css,就无法使用内置功能完成此任务。例如,如果您正在处理需要超出短输入的help-block元素,但这些元素是“内置”的,那么网格就不能很好地工作。如果这是一个问题,我建议使用额外的css类,您可以在BS3讨论here中找到这些类。现在BS4已经出来了,可以使用包含的sizing样式来管理它,所以这在很长一段时间内都不再重要了。感谢所有人对这个流行的SO问题的良好投入。

更新:这个问题仍然悬而未决,因为它是关于BS的内置功能,可以在不求助于网格的情况下管理输入宽度(有时它们必须独立管理)。我已经使用自定义类来管理这一点,所以这不是基本css的操作指南。这项任务在BS feature discussion list中,尚未解决。

原始问题:有人想出了在BS3上管理输入宽度的方法吗?我目前正在使用一些自定义类来添加该功能,但我可能遗漏了一些未记录在案的选项。

目前的文档说使用.col-lg-x,但这显然不起作用,因为它只能应用于容器div,这会导致各种布局/浮动问题。

这是一把小提琴。奇怪的是,在小提琴上,我甚至无法调整表单组的大小。

http://jsfiddle.net/tX3ae/

<form role="form" class="row">
    <div class="form-group col-lg-1">
        <label for="code">Name</label>
        <input type="text" class="form-control">
    </div>

    <div class="form-group col-lg-1 ">
        <label for="code">Email</label>
        <input type="text" class="form-control input-normal">
    </div>

    <button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18539711

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档