如何在html元素中将容器用于左边距,将容器流体用于右边距?

时间:2019-04-16 18:47:30

标签: html css bootstrap-4

我有一整个页面与bootstrap容器类对齐,并且在页脚中我也想对齐内部内容,但我也想将容器扩展为直到屏幕末端的容器那样,我可以放一些额外的元素,这是id想要实现的模式。

这是我的代码

<!-- Footer -->
    <footer class="footer mt-4 ">
        <div class="container">
            <div class="row ">
                <div class="col-lg-4">
                    <h4 >Información</h4>
                    <p class="titulo">Horario de atención al publico</p>
                    <p>Lunes a viernes: 8:00h a 20:00h</p>
                    <p>Primer domingo del mes: 8h a 13:30h</p>
                </div>

                <div class="col-lg-4">
                    <p>Central de recepción de pedidos</p>
                    <p class="titulo">lorem ipsum)</p>
                    <p>Teléfono: lorem ipsum</p>
                </div>
            </div>
        </div>
        <div class="container-fluid custom-container">
            <div class="row justify-content-end">
                <div class="col-lg-4"  >
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50423.74877919936!2d-1.7035813695033786!3d37.61417570140527sdfoijaslkdfjslfdgjlsadkfjgñlshj!5e0!3m2!1ses!2ses!4v1555406807431!5m2!1ses!2ses" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
                </div>
            </div>
        </div>

    </footer>


    <!-- /Footer -->

那是id想要实现的 i drawn something

0 个答案:

没有答案