<h3>Los Angeles</h3> <p>We had such a great time in LA!</p>

[spicy.time]

Hi guys, I need help on how to get bootstrap working in publii.

I tried this method:
<span style=”color: #ff0000;”>Tools > Custom HTML > Head</span>
Inserted this code:
<link rel=”stylesheet” href=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css&#8221; integrity=”sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3″ crossorigin=”anonymous”>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js&#8221; integrity=”sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p” crossorigin=”anonymous”></script>
<script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js&#8221; integrity=”sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13″ crossorigin=”anonymous”></script>

<span style=”color: #ff0000;”>and I added this HTML in the frontpage (home):</span>

<!-- Carousel -->


  <!-- Indicators/dots -->
  

    <button type="button" data-bs-target="#demo" data-bs-slide-to="0" class="active"></button>
    <button type="button" data-bs-target="#demo" data-bs-slide-to="1"></button>
    <button type="button" data-bs-target="#demo" data-bs-slide-to="2"></button>
  
  
  <!-- The slideshow/carousel -->
  

    

      
      

        <h3>Los Angeles</h3>
        <p>We had such a great time in LA!</p>
      
    
    

      
      

        <h3>Chicago</h3>
        <p>Thank you, Chicago!</p>
      
 
    
    

      
      

        <h3>New York</h3>
        <p>We love the Big Apple!</p>
      
  
    
  
  
  <!-- Left and right controls/icons -->
  <button class="carousel-control-prev" type="button" data-bs-target="#demo" data-bs-slide="prev">
    <span class="carousel-control-prev-icon"></span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#demo" data-bs-slide="next">
    <span class="carousel-control-next-icon"></span>
  </button>

What I want to do is to use bootstrap and add a carousel in the homepage.

I hope you guys can help me out.

[Bob]

Maybe this tutorial will be helpful for you: https://github.com/SimonPadbury/Publii-Bootstrap-Starter/tree/master/TUTORIALS

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[spicy.time]

Thank you! I was able to link the CDN bootstrap links (4.6), the newest version 5 don’t work.

[Author]

Posts