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 具有固定宽度的div内的全宽图像_Html_Css_Bootstrap 4 - Fatal编程技术网

Html 具有固定宽度的div内的全宽图像

Html 具有固定宽度的div内的全宽图像,html,css,bootstrap-4,Html,Css,Bootstrap 4,我只想让这些图像拉伸到它们所在div的全宽 使用几乎完全引导4的所有样式,但我已经添加了一些东西太 <div class="row py-5"> <div id="div-sillar" data-aos="fade-up" data-aos-duration="2000" class="col-sm tarjeta mx-4 text-center mt-2"> <div class="fll"> <im

我只想让这些图像拉伸到它们所在div的全宽

使用几乎完全引导4的所有样式,但我已经添加了一些东西太

<div class="row py-5">
    <div id="div-sillar" data-aos="fade-up" data-aos-duration="2000" class="col-sm tarjeta mx-4 text-center mt-2">
        <div class="fll">
            <img class="rounded img-fluid margin-left" src="../../html/assets/media/index/productos-sillar.webp" alt="Sillar y Cantera Sillar">

        </div>
        <h4 class="text-center text-uppercase my-3">sillar</h4>
        <hr class="estilo">
        <p class="text-justify fuente-open ">Tenemos una gran variedad de colores, capacidad de producción para cualquier tamaño de proyecto y una calidad y precio
            que hace que nuestros aliados nos elijan.</p>
    </div>
    <div id="div-cantera" data-aos="fade-up" data-aos-duration="2500" class="col-sm tarjeta mx-4 text-center mt-2">
        <img class="rounded img-fluid" src="../../html/assets/media/index/productos-cantera.webp" alt="Sillar y Cantera Cantera">
        <h4 class="text-center text-uppercase my-3">cantera</h4>
        <hr class="estilo">
        <p class="text-justify fuente-open">
            No solo son bloques de sillar también tenemos diferentes productos de cantera de excelente gusto y gran calidad.
        </p>
    </div>
    <div id="div-flete" data-aos="fade-up" data-aos-duration="3000" class="col-sm tarjeta mx-4 text-center mt-2">
        <img class="rounded img-fluid" src="../../html/assets/media/index/productos-sillar.webp" alt="Sillar y Cantera Flete Logística">
        <h4 class="text-center text-uppercase my-3">flete y logística</h4>
        <hr class="estilo">
        <p class="text-justify fuente-open">
            Atendemos y enviamos a toda la república mexicana tenemos proveedores competitivos de logística para tu proyecto. nosotros
            nos encargamos.
        </p>
    </div>
</div>

门槛

颜色变化大,产品质量高,精度高 你知道我在做什么吗

采石场

没有一个单独的儿子在不同的地方生产不同的产品,以满足不同的口味和口味。

弗莱特和罗吉斯塔

墨西哥tenemos的发展和环境为项目的物流业提供了竞争力。诺索特罗斯 没有encargamos。


移除立柱上的填充物,使图像宽度为100%;但是现在你必须给图像一些固定的高度,否则要保持纵横比,图像高度会相应增加。
如果您希望框中的文本有一些填充,您需要添加另一个div并将文本放入其中,并为该div左右留出一些边距。

请包括您的CSS。可能的