Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何按容器宽度设置行宽度?_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 如何按容器宽度设置行宽度?

Html 如何按容器宽度设置行宽度?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,在我的文件中,我有以下结构: <div class="container" style="width:1000px; border: 1px dashed #000"> <div class="row-fluid" > <div class="col-xs-12 col-sm-6" style="border:1px solid green"> </div> <div class="

在我的文件中,我有以下结构:

<div class="container" style="width:1000px;  border: 1px dashed #000">
    <div class="row-fluid" >
        <div class="col-xs-12 col-sm-6" style="border:1px solid green">

        </div>
        <div class="col-xs-12 col-sm-5" style="border:1px solid red">

        </div>
    </div>
</div>

主要问题是集装箱的边界比两个立柱大


请记住,引导的默认值是12宽度的网格。您的两个div仅填充11个宽度(6+5),而容器默认为12,因此最后一列显示为空白。 将第二列的宽度更改为6

<div class="col-xs-12 col-sm-6" style="border:1px solid red">


发布您的CSS,否则我们只能猜测。只有默认的引导CSS