Answers for "bootstrap image with text"

Whatever

bootstrap Figures

Anytime you need to display a piece of content—like an image with an optional
caption, consider using a <figure>.

Use the included .figure , .figure-img and .figure-caption classes to provide
some baseline styles for the HTML5 <figure> and <figcaption> elements.
Images in figures have no explicit size, so be sure to add 
the .img-fluid class to your <img> to make it responsive.

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>

Posted by: Guest on October-23-2020

Source

bootstrap card change image

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

Posted by: Guest on March-09-2020

Source

image on text in bootstrap

<div class="text-center">
  <img src="..." class="rounded" alt="...">
</div>

Posted by: Guest on October-08-2020

Source

how to add text on an image in bootsrap

.maintxt {position: relative;}
.maintxt > img, .overlay-text {position: absolute;}

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-8 col-centered">
            <div class="maintxt">
                <img src="background.png" class="img-responsive">
                <span class="overlay-text">My super text.</span>
            </div>
        </div>
    </div>
</div>

Posted by: Guest on October-24-2021

Source

how to add text on an image in bootsrap

.maintxt {
    background-image: url(images/background.png);
    background-size: cover;
}

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-8 col-centered">
            <div class="maintxt">
                My great text.
            </div>
        </div>
    </div>
</div>

Posted by: Guest on October-24-2021

Source

Code answers related to "bootstrap image with text"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

Answers for "bootstrap image with text"

Code answers related to "bootstrap image with text"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us