How to add components inside of a List Item

Bootstrap Studio Help
1

Is there a way (other than adding custom html) to add a blockquote to a List Item? I can’t seem to be able to drop anything inside of the List Item component when it’s in the Overview panel.

For example, this is the html generated when using the gui…

<section class="testimonials-section">
  <div class="container">
    <ul>
      <li>Item 1<img src="person.jpg" alt="Person" /></li>
      <li>Item 2<img src="person.jpg" alt="Person" /></li>
    </ul>
  </div>
</section>

But what I really want is this…

<section class="testimonials-section">
  <div class="container">
    <ul>
      <li>
          <img src="images/person.jpg" alt="Person">
          <blockquote>"Lorem ipsum dolor sit amet,"</blockquote>          
          <cite>- Jane Doe</cite>
      </li>
      <li>
          <img src="images/person.jpg" alt="Person">
          <blockquote>"Lorem ipsum dolor sit amet,"</blockquote>          
          <cite>- Jane Doe</cite>
      </li>
    </ul>
  </div>
</section>
2

If you first add a div to the List item then you can add whatever you want in the div

1 Like
3

Thanks @kuligaposten - that did the trick!

1 Like