2015-09-03 33 views
0

這裏是我的代碼,如何在引導標誌旁邊添加標題標題?

<div id="carousel-example" class="carousel slide" data-ride="carousel"> 


    <div class="carousel-inner"> 
    <div class="item active"> 
     <a href="#"><img src="http://s17.postimg.org/sjco0mvjz/home_slider1.jpg" /></a> 

    </div> 
    <div class="item"> 
     <a href="#"><img src="http://s17.postimg.org/7p0bit16n/home_slider2.jpg" /></a> 

    </div> 
    <div class="item"> 
     <a href="#"><img src="http://s17.postimg.org/6lg76ugjj/home_slider3.jpg" /></a> 

    </div> 
     <div class="item"> 
     <a href="#"><img src="http://s17.postimg.org/mh51a573z/home_slider4.jpg" /></a> 

    </div> 
    </div> 


</div> 


<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
<div class="navbar-inner"> <!--changes made here--> 
    <div class="container"> 
      <a class="navbar-brand" href="#"> 
       <img src="http://s7.postimg.org/5qb3lvxsn/logo_new.png" alt=""> 
      </a> 
    </div> 
</div> 
</nav> 



    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script> 

我需要這樣的事情,image

可我知道,標題爲「與AlertID安全地生活」旁邊的標誌顯示..

哪個引導我應該使用什麼類?

感謝,

回答

0
you can use <p> Live Safely.....</p> tag for text on the image. 
you just have to change the style of the <p> tag something like this. 

position:absolute; 
margin-left: your_requirement; 
margin-top: your_requirement; 

and you can add many more according to your requirements. 
+0

我需要這樣的東西引導..所以我需要添加自舉類..謝謝 – pcs

+0

您可以使用引導inbuild類像「中心」,機器會自動居中文本的文本。 –

+0

你可以使用引導裝箱模式來做到這一點...現在我已經完成了使用myStyleSheet。你可以看到反感。 https://jsfiddle.net/qm50zjvz/ –