固定容器的 BootStrap Grid 问题

Question

我正在使用引导程序组成我的视图，我的视图中有以下代码，the container will be a fixed value of 980px，navbar should have a width of 242px，但是现在导航栏的宽度是由引导程序自动计算的，宽度为 245px。

有没有办法进行自定义以使导航栏具有 242 像素的固定宽度？

    <div class="row" >
        <div id="navbar" class="col-sm-3  col-lg-3  navbar">             

        </div>
        <div class="col-sm-9  col-lg-9  content">
            content
            <!-- insert nested grid here -->
        </div>          
    </div>      
</div>

Answer 1

替换这个：-

<div id="navbar" class="col-sm-3  col-lg-3  navbar">

有了这个：-

<div id="navbar" class="navbar">

.navbar{
width: 242px;
}

Answer 2

试试这个

<div class="row" >
            <div id="navbar" class="col-sm-3  col-lg-3  navbar" style="width:242px;">             

            </div>
            <div class="col-sm-9  col-lg-9  content">
                content
                <!-- insert nested grid here -->
            </div>          
        </div>      
    </div>