title: Default carousel and multi item carousel on same page
body: <p>I found same question, but I failed to make it work. (<a href="https://stackoverflow.com/questions/30483776/bootstrap-carousel-with-multiple-items-and-default-carousel-on-the-same-page">Bootstrap carousel with multiple items and default carousel on the same page</a>)</p>
  
  <p>I want to combine default carousel(one image per slide) and for example
  this one: <a href="https://www.codeply.com/go/s3I9ivCBYH" rel="nofollow noreferrer">https://www.codeply.com/go/s3I9ivCBYH</a></p>
  
  <p>Here is my code: <a href="https://www.codeply.com/go/6AXxUSWcmV" rel="nofollow noreferrer">https://www.codeply.com/go/6AXxUSWcmV</a></p>
  
  <p>I tried to change css, also tried to change names of classes, to be different from names of bootstrap classes, to put some IDs, but without success...</p>
  
  <p>I'm working with bootstrap4</p>