Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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_Bootstrap 4 - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 删除列和内容之间的间距

Html 删除列和内容之间的间距

html css twitter-bootstrap bootstrap-4

Html 删除列和内容之间的间距,html,css,twitter-bootstrap,bootstrap-4,Html,Css,Twitter Bootstrap,Bootstrap 4,我试图让一个图像对齐到它的父div框的最左边。然而，似乎有一些间隔问题阻止我这样做 使用float left只能让我走这么远： 当试图向右浮动时，情况类似： 有什么想法吗？来自Bootstrap： 列具有水平填充以在各个列之间创建檐槽，但是，您可以删除行的边距和.row上没有檐槽的列的填充 试着使用。不要像这样使用排水沟类： *编辑使用Flexbox： ----------------------------------------------------------------

我试图让一个图像对齐到它的父div框的最左边。然而，似乎有一些间隔问题阻止我这样做

使用float left只能让我走这么远：

当试图向右浮动时，情况类似：
有什么想法吗？

来自Bootstrap：

列具有水平填充以在各个列之间创建檐槽，但是，您可以删除行的边距和.row上没有檐槽的列的填充

试着使用
。不要像这样使用排水沟
类：





*编辑使用Flexbox：




------------------------------------------------------------------------


    <section id="products-section">
            <div class="container">
                <div class="row">
                    <div class ="col-lg-1"> </div>
                    <div class ="col-lg-10 border-break-full"> 
                        <div class="row">
                            <div class="col-lg-4 border-red">
                                <img class="img-responsive float-right border-red" src="img/test-product.JPG" alt="">
                            </div>
                            <div class="col-lg-8">
                            </div>
                        </div>
                    </div>
                    <div class ="col-lg-1"> </div>
                </div>
            </div>
    </section>