slider bootstrap

[luis45]

ho questo codice:

<div class="container">
<div class="row">
<div class="col-md-3">
Testo.................<br><br>
</div>

<div class="col-md-9">
<div id="slider" class="aslider" data-duration="10" >
<div class="aslide" data-duration="4" data-audio="assets/audio/Acoustic-Josh-10248_hifi.mp3" data-audio-loop>
<img src="images/home2.jpg" />
</div>
<div class="aslide" data-duration="4" data-audio="assets/audio/Acoustic-Josh-10248_hifi.mp3" data-audio-loop>
<img src="images/home3.jpg" />
</div>
<div class="aslide" data-duration="4" data-audio="assets/audio/Acoustic-Josh-10248_hifi.mp3" data-audio-loop>
<img src="images/home1.jpg" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h1>testo......
</div>
</div>
</div>

sulla grandezza tutto funziona ma se riduco a tablet o smarphon la scritta h1 mi si posiziona dietro lo slider e non sotto, cioe 1 col md3 secondo col-md9 e il md-12 non si vede