当前位置: 首页 > 知识库问答 >
问题:

twitter引导块级表单

祁高格
2023-03-14

我试图获得全宽登录表单。基本上,用户名、密码和按钮的输入字段都应该是相同的长度。现在我可以很容易地使用跨度来获得这个,问题是当我在用户名和密码上有一个“前置”的图标时,输入字段会延伸到跨度(如果我将输入块级别应用到输入)和按钮跨度只到外部跨度变短(如果我尝试btn-block)。如何让所有元素只拉伸到包含的跨度宽度?

这是我的小提琴。

http://jsfiddle.net/sujesharukil/EP83X/21/

共有1个答案

饶德本
2023-03-14

可以使用“显示:表格”和“显示:表格”单元获取输入,以正确填充跨距中的剩余空间,或使用流体宽度。下面是第一种方法的提琴:

http://jsfiddle.net/EP83X/22/

或者使用宽度: 90.666%基于固定图标宽度(28px)和跨度宽度((300-28) / 300 * 100)。

 类似资料:
  • 为什么我不能以这种方式使用引导可编辑表? 在这个小提琴https://jsfiddle.net/aleksacavic/03agu1ex/1/它的工作原理是,当单击时,表格单元格处于编辑模式。但相同的代码在我的网站上不工作?我错过了什么?如我所见,在我这边,当单击时,单元格不允许更改类,只有表线程被突出显示,其他元素(输入字段)不被创建。谢啦

  • 本文向大家介绍twitter-bootstrap 引导行和列,包括了twitter-bootstrap 引导行和列的使用技巧和注意事项,需要的朋友参考一下 示例 Bootstrap的网格系统具有12个称为“列”的单元,可用于在视口上水平布置内容。 采用12个单位的网格(而不是10、16等)的原因是12均匀地分为6(一半),4(四分之一)和3(三分之三)。这使得适应各种布局变得更加容易。Bootst

  • Twitter的Bootstrap 3按钮颜色有限。默认情况下会有 每个按钮有3个状态(默认,活动和禁用) 如何添加更多颜色或创建自定义按钮?Twitter的Bootstrap 2已经回答了这个问题。x:设置twitter引导按钮的样式。引导3不向后兼容。less和css文件中会有很多变化。对IE7的支持将被取消。TB3首先是移动设备。标记代码也将更改。

  • 我正在推特引导中构建一个表单,但是我在表单输入下方的按钮居中时遇到了问题。我已经尝试将类应用于按钮,但没有成功。我该如何解决这个问题? 这是我的密码。

  • 在引导模式中是否有一个选项可以使它保持模式,即使用户点击离开模式?当用户在对话框外部单击时,模式对话框将隐藏。我希望它保持模态,直到用户单击关闭按钮。