locked
Bootstrap 4 row class overflow the screen RRS feed

  • Question

  • User1575078971 posted

    I am creating a demo project. 

     <section id="features">
    <div class="row">
      <div class="feature-box col-lg-4" >
        <h3>Easy to use.</h3>
        <p>So easy to use, even your dog could do it.</p>
      </div>
    
      <div class="feature-box col-lg-4">
        <h3>Elite Clientele</h3>
        <p>We have all the dogs, the greatest dogs.</p>
      </div>
    
      <div class="feature-box col-lg-4">
        <h3>Guaranteed to work.</h3>
        <p>Find the love of your dog's life or your money back.</p>
      </div>
    </div>
      </section>

    Output screen short

    Output click here

    I don't know why this happened 

    could you please help me

    thank you

    SOLVED

    Thursday, January 30, 2020 2:35 PM

All replies

  • User475983607 posted

    The community cannot provide feedback on a snippet of markup.  We need the entire page and CSS applied to the page.  

    The common issue the the code is not enclosed in a <div class="container"> or there is an element the pushes a parent element to an unexpected width.

    Thursday, January 30, 2020 2:45 PM
  • User1575078971 posted

    Ok, thanks for replying first. I figured out myself

    Friday, January 31, 2020 2:05 PM