Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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 从引导中的Fullwidth容器流体创建2列_Html_Css_Twitter Bootstrap 3 - Fatal编程技术网

Html 从引导中的Fullwidth容器流体创建2列

Html 从引导中的Fullwidth容器流体创建2列,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我想从bootstrap3framework创建两个100%宽度的列。我试图创建,但它显示了左右位置之间的一些填充 在我的代码中,左边的一栏将用来显示谷歌地图,右边的一栏将用来显示联系人表单 如何去除填充物?我需要一排全宽的 这是我的代码。 <section id="contact"> <div class="container-fluid"> <div class="row"> </div class="col-md-6">

我想从bootstrap3framework创建两个100%宽度的列。我试图创建,但它显示了左右位置之间的一些填充

在我的代码中,左边的一栏将用来显示谷歌地图,右边的一栏将用来显示联系人表单

如何去除填充物?我需要一排全宽的

这是我的代码。

<section id="contact">
<div class="container-fluid">

    <div class="row">
     </div class="col-md-6"> ... </div>
     </div class="col-md-6"> ... </div>
    </div>

</div>
</section>

据我所知,你的意思是:

#contact>.container fluid>.row>div{边框:1px虚线#ddd;}
#contact>.container fluid>.row>div:first child{padding right:0;}
#contact>.container fluid>.row>div:last child{padding left:0;}

地图
联系方式

以下链接可帮助您使用引导实现布局:-

谷歌地图与联系方式


我很高兴我帮助了你!:)@请回答“这个答案很有用”。谢谢这不使用
容器流体
,只使用普通的
容器
--------------------------------
              |                     
              |
              |
              |
--------------------------------