如何使用HTML向Materialize SideNav添加徽标

时间:2016-07-20 16:22:31

标签: html css materialize

我正在使用Materialise SideNav并希望为其添加徽标,类似于他们在网站上的徽标:

enter image description here

但是,当我尝试这样做时,它并没有正确出现:

enter image description here

这是我用来尝试添加它的代码:

<ul id="side-nav" class="side-nav fixed">
  <li><a href="#"><img class="responsive-img" src="img/m.png"></a></li>
  <li><a href="#">Featured</a></li>
  <li><a href="#">Workouts</a></li>
  <li><a href="#">Videos</a></li>
  <li><a href="#">Movements</a></li>
  <li><a href="#">Users</a></li>
</ul>

我想以最强最简单的方式做到这一点。有没有办法用纯HTML正确格式化它?或者我将不得不做一些CSS格式化?

1 个答案:

答案 0 :(得分:0)

尝试向ul添加一个img代码:

<ul id="side-nav" class="side-nav fixed">
<ul><li><a href="#"><img class="responsive-img" src="img/m.png"></a></li></ul>
  <li><a href="#">Featured</a></li>
  <li><a href="#">Workouts</a></li>
  <li><a href="#">Videos</a></li>
  <li><a href="#">Movements</a></li>
  <li><a href="#">Users</a></li>
</ul>

查看此演示:http://jsfiddle.net/etamity/f8vv1h10/1/