對齊圖標在標題旁邊

我目前正在嘗試將圖標放在標題旁邊。不過，我嘗試過，但仍然沒有對齊。我可以知道爲什麼嗎？對齊圖標在標題旁邊

下面是我試過

<div class="row"> 
    <div class="col-lg-1"> 
    </div> 
    <div class="col-lg-8"> 
     <div class="row"> 
      <h2 id="ContentPlaceHolder1_courseDetail" class="col-lg-11">Course Details</h2> 
      <span class="glyphicon glyphicon-exclamation-sign "></span> 
     </div> 
     <h5 id="lblLastModifiedDate" class="col-lg-12">Last Modified Date: 21/10/2016 3:02:35 PM</h5> 
    </div> 
</div>

來源

2016-10-27 Arane

碼跨度允許爲您的H2標籤內，所以它旁邊顯示文本

<h2 id="ContentPlaceHolder1_courseDetail" class="col-lg-11">Course Details <span class="glyphicon glyphicon-exclamation-sign "></span></h2>

此外，如果你不這樣做實際上希望它們按照這種方式附着，您已經設置好自己以其他方式並排顯示它們

<h2 id="ContentPlaceHolder1_courseDetail" class="col-lg-11">Course Details</h2> 
<span class="glyphicon glyphicon-exclamation-sign col-md-1"></span>

您gh不建議這樣做，因爲第一個選項更好看，因爲後者的選擇會由於引導程序的列系統而導致它們之間的差距

如果您不希望它們顯示在彼此旁邊，也可以執行操作這樣

<h2 class="col-lg-11"><span id="ContentPlaceHolder1_courseDetail">Course Details</span><span class="glyphicon glyphicon-exclamation-sign col-md-1"></span></h2>

來源

2016-10-27 16:24:58

是啊，我其實不希望他們因爲我改變h2'的'了'innerText'當我點擊該圖標。我想我的方式來連接，但它並沒有水平對齊，既不他們並排 – Arane

哎呀又看了第二個選項，我搞砸了，並沒有縮進它，所以它認爲這是真正的HTML哈哈 –

對齊圖標在標題旁邊

回答

相關問題