Witam, chcę poprosić o poradę. Stworzyłem carousel w bootstrapie oraz napis w elemencie <section>, który mieści się nad carousel. Mam pytanie odnośnie umiejscowienia tego elementu semantycznego w kodzie. Podaje 2 przykłady i prosiłbym o wyjaśnienie dlaczego akurat tak a nie inaczej.
Pozdrawiam!
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<section class="par">
Technologies that I using
</section>
<div id="tech-el" class="carousel slide" data-ride="carousel" data-interval="2200">
<ol class="carousel-indicators">
<!-- OPTIONAL
<li data-target="#tech-el" data-slide-to="0" class="active"></li>
<li data-target="#tech-el" data-slide-to="1"></li>
<li data-target="#tech-el" data-slide-to="2"></li>
-->
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/bootstrap-solid.png" />
</div>
<div class="item">
<img src="images/css3-logo.png" />
</div>
<div class="item">
<img src="images/html-logo.png" />
</div>
<div class="item">
<img src="images/gitlogo.png" />
</div>
<a class="left carousel-control" href="#tech-el" role="button" data-slide="prev">
<span class="icon-prev" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
Czy może tak?
<section class="par">
Technologies that I using
</section>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<div id="tech-el" class="carousel slide" data-ride="carousel" data-interval="2200">
<ol class="carousel-indicators">
<!-- OPTIONAL
<li data-target="#tech-el" data-slide-to="0" class="active"></li>
<li data-target="#tech-el" data-slide-to="1"></li>
<li data-target="#tech-el" data-slide-to="2"></li>
-->
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/bootstrap-solid.png" />
</div>
<div class="item">
<img src="images/css3-logo.png" />
</div>
<div class="item">
<img src="images/html-logo.png" />
</div>
<div class="item">
<img src="images/gitlogo.png" />
</div>
<a class="left carousel-control" href="#tech-el" role="button" data-slide="prev">
<span class="icon-prev" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>