CODEWITHSUNDEEP
htmlcssbootstrap-4
kaan özgen
kaan özgen

Reputation: 1

Slider <h3> Texts are Not Responsive for Phone With Bootstrap

I use bootsrap for slider it's responsive for phones but the texture on the picture just goes unvisible in phone mode. Is there any bootstrap code to solve this problem? 

<div class="carousel-item active" style="background-image: url('img/bg1.png')">
    <div class="carousel-caption d-none d-md-block">
        <h3>First Slide</h3>
            <p>This is a description for the first slide.</p>
    </div>
</div>

Upvotes: 0

Views: 339

Answers (2)

Carol Skelly
Carol Skelly

Reputation: 362380

Remove d-none from the carousel-caption as this will hide it on small screens.

Upvotes: 0

Shaik
Shaik

Reputation: 378

<style>
@media only screen and (max-width:640)
  {
      .carousel-caption h3
          { 
             font-size:14px;
           }
  }

<style>

Reduce the font-size in small screens

Upvotes: 1

Related Questions