如何將菜單圖標放在目錄的旁邊

Question

如何將小圖標放在目錄旁邊？代碼如下。

<div class="col-md-4"> 
     <h3 class="toggle-transparent tof">TABLE OF CONTENTS</h3> 
     <img src="assets/images/menu.png" alt=""> 
    </div> 

Answer 1

Use Bootstrap floats class="pull-left" 

<div class="col-md-4"> 
    <h3 class="toggle-transparent tof pull-left">TABLE OF CONTENTS</h3> 
    <img src="https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu- 
alt-512.png" alt="" height="30px" width="30px" class="pull-left"> 
</div> 

Answer 2

如果你沒有死，坐落在一個特定的圖標，glyphicons是最容易。只要把它放在一個跨度之後，以文本（用空格如果需要的話）：

<div class="col-md-4"> 
    <h3 class="toggle-transparent tof">TABLE OF CONTENTS 
    <span class="glyphicon glyphicon-list-alt"></span> 
    </h3> 
</div> 

例子：http://www.bootply.com/1T7zTW6E2l

此外，glyphicon-list-alt可能是一個代替圖標。