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可能是备用图标。

如何将菜单图标放在目录旁边

2 个答案: