Html 如何删除地图框之间的空间

我正在尝试建立一个具有一些引导风格和网格的站点

我想在右边的谷歌地图卡和左边的一个简单的文本

我的问题是，在移动设备上，谷歌iframe和网格之间有一个空间。我给了它蓝色，所以我可以看到哪个网格是б，但我如何修复它，谷歌地图占据了网格的整个宽度，没有它周围的空间，你可以在移动设备上看到它

.gmap{填充：0；高度：15%；}

我们试着用table标签下单

<table>
    <tr>
        <td colspan="3">
            asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd
        </td>
    </tr>
    <tr>

        <td>
            a la derecha
        </td>
        <td style = "background-color:blue">

        </td>
        <td>
            <div class="col-xs-6 col-md-6 gmap" style="background-color:blue">
                <iframe src="   https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2369.3387871906875!2d9.987669999999998!3d53.56956999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b18f10c1641aa5%3A0x9e2e0a1e8cac2d78!2sT%26M+Limousinen+Service+GmbH!5e0!3m2!1sde!2sde!4v1403018648499" width="100%" height="50%" frameborder="0" style="border:0"></iframe>  

            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
        </td>
    </tr>
</table>

asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasd
在右边

我正在尝试这一方法，这是一个简单的解决方案，您可以将一些样式添加到表格和其他inners标记中，希望对您有所帮助。

请在您的问题中提供相关代码。一旦你的问题解决了，你的链接就没用了，因为这个问题将不再存在，将来的读者会看到

<table>
    <tr>
        <td colspan="3">
            asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd asdasdasd
        </td>
    </tr>
    <tr>

        <td>
            a la derecha
        </td>
        <td style = "background-color:blue">

        </td>
        <td>
            <div class="col-xs-6 col-md-6 gmap" style="background-color:blue">
                <iframe src="   https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2369.3387871906875!2d9.987669999999998!3d53.56956999999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b18f10c1641aa5%3A0x9e2e0a1e8cac2d78!2sT%26M+Limousinen+Service+GmbH!5e0!3m2!1sde!2sde!4v1403018648499" width="100%" height="50%" frameborder="0" style="border:0"></iframe>  

            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
            </a>
        </div>
        </td>
    </tr>
</table>