Carousel image alignment

Question

Carousel image alignment

Navigation

#1 by (0 votes)

0

How can I make this central alignment, and do not overlap in the header menu?

<div class="row">
    <div id="carousel-example-generic" align="center" class="carousel slide col-md-8" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
    <li data-target="#carousel-example-generic" data-slide-to="5"></li>
    <li data-target="#carousel-example-generic" data-slide-to="6"></li>
    <li data-target="#carousel-example-generic" data-slide-to="7"></li>
    <li data-target="#carousel-example-generic" data-slide-to="8"></li>
    <li data-target="#carousel-example-generic" data-slide-to="9"></li>
  </ol>

  <!-- slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="imagens/flower-stormdesign.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="imagens/flower-stormdesign.jpg" alt="slide 1">
      <div class="carousel-caption">
      </div>
    </div>
  </div>

html

asked by anonymous 21.06.2017 / 15:47

1 answer

How to run macro with project locked? Use php class and Ajax

score 0 · Answer 1

You can enter the text-align:center; parameter in the CSS of the class or div you want to center, for example, if the div can use:

div {
text-align:center;
}

If it is a class you should use:

.carousel-inner {
    text-align:center;
    }

Cases should be a li should use:

.carousel-indicators li {
    text-align:center;
}