Hi.I am a quite beginner here.. I have been doing some smaller umbracosites and now I wanted to implement bootstrap..My problem is how to get the bootstrap carousel working.I have tried to implement it in the code but it is not working as it should. It just shows the content above each other instead of in the carousel.Does any have a solution or an example to see??My code is like this.. <xsl:variable name="sliderNode" select="$currentPage/parent::/child::[@level=1]"/> <xsl:for-each select="$sliderNode/child::umediaSlider"> <div class="slider"> <div class="container-fluid"> <div id="heroSlider" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="hero-unit"> <div class="row-fluid"> <div class="span7 marketting-info"> <h1> <xsl:value-of select="@nodeName"/> </h1> <p> <xsl:value-of select="teaserText" disable-output-escaping="yes"/> </p> </div> <div class="span5"> <img src="{umbracoFile}" class="thumbnail" /> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a> <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a> </div> </div> </div> </xsl:for-each>
Bootstrap Carousel Problem
Hi.I am a quite beginner here.. I have been doing some smaller umbracosites and now I wanted to implement bootstrap..My problem is how to get the bootstrap carousel working.I have tried to implement it in the code but it is not working as it should. It just shows the content above each other instead of in the carousel.Does any have a solution or an example to see??My code is like this.. <xsl:variable name="sliderNode" select="$currentPage/parent::/child::[@level=1]"/> <xsl:for-each select="$sliderNode/child::umediaSlider"> <div class="slider"> <div class="container-fluid"> <div id="heroSlider" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="hero-unit"> <div class="row-fluid"> <div class="span7 marketting-info"> <h1> <xsl:value-of select="@nodeName"/> </h1> <p> <xsl:value-of select="teaserText" disable-output-escaping="yes"/> </p> </div> <div class="span5"> <img src="{umbracoFile}" class="thumbnail" /> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a> <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a> </div> </div> </div> </xsl:for-each>
is working on a reply...