左侧最多一栏，容器中最多一栏

Question

我对引导网格有问题 我有这样的事情：

我想得到这样的东西：

其中图片最大对齐到窗口的左侧，第二列在容器中

<div class="section three">
    <div class="container">
            <div class="row align-items-center ">
                    <div class="col-sm">
                            <img src="<?php echo bloginfo('template_directory'); ?>/a
                    </div>
                    <div class="col-sm">
                            <div class="my-auto"><h2>Lorem ipsum</h2> dolor sit amet,
                    </div>  
            </div>
    </div>

Answer 1

使用“ .container-fluid”来利用视口的整个宽度。在此处查看文档。 https://getbootstrap.com/docs/4.1/layout/overview/

注意：由于<div class="container">由另一个元素<div class="section three">包装，因此.container的css属性可以受此包装父对象影响。希望以上文件对您有帮助。