title: How to print all the items in a Bootstrap carousel
body: <p>I'm new to Bootstrap (2.x still) and was looking for a way to display all items in a carousel when printing.  </p>
  
  <p>I didn't find anything pointers, so here's what I did to get started:</p>
  
  <ul>
  <li><p>bootstrap.css hides the carousel items thusly:</p>
  
  <p>.carousel-inner > .item { 
   display: none ....</p></li>
  <li><p>When I want to print, dynamically modify the .css of the of items to display.  This stacks them all up.</p>
  
  <p>$('.item').css("display", "block");</p></li>
  <li><p>For my application, I wanted a multipage document, one page per carousel item.   I also added a forced page break to my @media print { } section:</p>
  
  <p>.item {
  page-break-after:always;}</p></li>
  </ul>
  
  <p>Hopefully this will save someone some time.   If there's a better way, please add!</p>
  
  <p>Thanks!  I can't count the number of times stackoverflow saved me a ton of time.
    James</p>