html - 我需要在引导程序 3 中使用百分比或固定值吗？

Question

我是 Bootstrap 和 Bootstrap 3 的新手。我认为我应该始终使用百分比来指定宽度，而不是固定值。这是正确的。

我需要我的行不要进入整个屏幕，但只占用基于内部元素所需的空间..我假设我只需要设置行的宽度..还是有其他方法？

<div class="row" style="width:80%">
    <fieldset>
    <legend>DashBoard Details</legend>

        <div class="col-xs-1">
            <label style="width:100px;display:block">FirstName</label>
        </div>
        <div class="col-xs-2">
            <input type="text" />
        </div>
        <div class="col-xs-1">
            <label style="width:100px;display:block;">Age</label>
        </div>
        <div class="col-xs-2">
             <input type="text" />
        </div>
        <div class="col-xs-1">
            <input type="submit" />
        </div>


    </fieldset>

</div>

Answer 1

我想这就是你想要的。col-... div 必须是 row div 的直接子级。

http://jsfiddle.net/742qj/

<div style="width:80%">
    <fieldset>
        <legend>DashBoard Details</legend>
        <div class="row">
            <div class="col-xs-2">
                <label>FirstName</label>
            </div>
            <div class="col-xs-2">
                <input type="text" />
            </div>
            <div class="col-xs-1">
                <label>Age</label>
            </div>
            <div class="col-xs-2">
                <input type="text" />
            </div>
            <div class="col-xs-1">
                <input type="submit" />
            </div>
        </div>
    </fieldset>
</div>

也许

<div clas="row">
    <div class="col-lg-2">...</div>
    <div class="col-lg-10">
        <fieldset>
            <legend>DashBoard Details</legend>
            <div class="row">
                <div class="col-xs-2">
                    <label>FirstName</label>
                </div>
                <div class="col-xs-2">
                    <input type="text" />
                </div>
                <div class="col-xs-1">
                    <label>Age</label>
                </div>
                <div class="col-xs-2">
                    <input type="text" />
                </div>
                <div class="col-xs-1">
                    <input type="submit" />
                </div>
            </div>
        </fieldset>
    </div>
</div>