Значок выравнивания рядом с заголовком

Question

В настоящее время я пытаюсь разместить значок рядом с заголовком. Однако я попытался, но он не выравнивался. Могу я узнать почему?

Вот код, который я пытался

<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> 

Answer 1

Пролет позволено быть внутри 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> 

Thou gh, что не рекомендуется, потому что первый вариант гораздо приятнее, поскольку последний выбор даст промежуток между ними из-за колоночной системы бутстрапа

Если вы не хотите, чтобы они отображались рядом друг с другом, вы также можете делать что-то не нравится эта

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