Question

所以我有一个父母＆＃34; div中容器内宽度为％的div。（容器可能有不同的大小，具体取决于屏幕..）在那个＆＃34;父母＆＃34;我有几个元素，一个宽度固定的按钮区域（所以在px中）和一个输入应该占用所有空间。

我使用的是boostrap 2.3.2，通常我尝试使用row-fluid和span8，span2，但输入和按钮之间的空间并不总是非常好。

有没有办法强制输入填充所有可用空间？

这是一个带有当前代码的jsfiddle

当前css

.container {
    width: 800px;
    background-color: beige;
    padding: 10px;
}
.parent {
    width: 50%;
    margin: 1px;
    background-color: white;
}

提前谢谢

Answer 1

最简单的是添加自己的css类并使用width：

.fillall{
    width:70%;
}

Fiddle Demo

<强>更新

根据引导程序更改标记（并让css完成剩余的工作）。

<div class="container"> <!-- or <div class="container-fluid"> -->
    <div class="parent">
        <div class="row-fluid">
            <div class="controls">
                <input type="text" class="pull-left span8" /> 
                <a class="buttons pull-right btn btn-primary span2">Add</a>
                <a class="buttons pull-right btn btn-danger span2">Del</a>
            </div>
        </div>
    </div>
</div>

Demo

可变宽度父div中的可变宽度div

1 个答案: