为什么没有bootstrap有100%宽度但具有最大宽度的元素?

时间:2013-03-14 06:02:31

标签: twitter-bootstrap css

我一直在使用流畅的引导程序布局来调整输入字段的大小。

要调整它们的大小,您可以输入mini-input到input-xxlarge大小。这会导致一旦容器变得太小就会溢出其父容器的字段,因此看起来在流体设计中存在问题。

这会留下spanX大小和输入块级别的类,它们的大小相对于它们的父级,但是如果容器太宽则输入也太宽。输入块级别使输入占用其空间的100%。

我还注意到input-block-level类将box-sizing更改为border-box,这导致输入遵循其周围容器的填充而不会使容器溢出等于其内部的量填充。如果只是将输入框的宽度设置为100%,则会因内部填充和框模型而溢出。

无论如何,似乎有一堆额外的输入 - 迷你通过输入 - 大类,但它没有具有以下样式:

width: X;

具有以下风格:

max-width: X;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box

会有帮助吗?

似乎人们会想要这样一个显而易见的事情,因为它会使他们的输入不会缩小太大但是当容器变得太小时会适当缩小。我在这里问的原因是,我很担心我一定会错过一些东西,这种方法一定有问题。

由于

0 个答案:

没有答案