bootstrap: create of carousel of texts only -


I'm just trying to create a carousel of text.

I have copied the original example, removed the images and saw some other examples.

  & lt; Div id = "carousel-example-caption" class = "carousel slide" data-ride = "carousel" & gt; & Lt; Ol class = "carousel-indicator" & gt; & Lt; Li data-target = "#browser-example-caption" data-slide-to = "0" square = "" & gt; & Lt; / Li & gt; & Lt; Li data-target = "#browser-example-caption" data-slide-to = "1" class = "active" & gt; & Lt; / Li & gt; & Lt; Li data-target = "#browser-example-caption" data-slide-to = "2" square = "" & gt; & Lt; / Li & gt; & Lt; / Ol & gt; & Lt; Div class = "carousel-interior" & gt; & Lt; Div class = "item" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H3 & gt; The first slide label & lt; / H3 & gt; & Lt; P & gt; Neil Vita Elite Free, A Firetraum Aguole Intermediate & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "item active" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H3 & gt; Second slide label & lt; / H3 & gt; & Lt; P & gt; The application for liability., & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Div class = "carousel-caption" & gt; & Lt; H3 & gt; The third slide label & lt; / H3 & gt; & Lt; P & gt; Project Commodo Graz Magna, or Scherridge Nicholas Priester. & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; A class = "left carousel-control" href = "#brandle-example-caption" role = "button" data-slide = "previous" & gt; & Lt; Span class = "glyphicon glyphicon-chevron-left" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; A class = "right carousel-control" href = "#brandle-example-caption" role = "button" data-slide = "next" & gt; & Lt; Span class = "glyphicon glyphicon-chevron-right" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt;  

However, the indicators are no longer well-aligned. Does this happen?

Is there an easy way to keep text carousel with bootstrap?

Thanks

. Corolla-indicator has full position in the class. The property below has been set in media queries. You can override it by adding it to your CSS:

  Corolla Indicator {Down: 0; }  

Comments