Bootstrap - 将图像放入导航栏中的<li> </li>

时间:2013-06-22 02:36:21

标签: image twitter-bootstrap navbar listitem

图片徽标需要进入工作列表项插槽旁边左上方的空列表项插槽

enter image description here

这就是我现在所拥有的......

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
        <ul class="nav">
          <li class="active">
            <a class="brand" href="index.php"><div style="width: 130px; height: 20px; background: url('/images/rsz_logo.jpg') no-repeat left center;"><img src="/images/logo.png"></div></a>
          </li>
        </ul>
        <ul class="nav">
          <li><a href="services.php">Work</a></li>
        </ul>

1 个答案:

答案 0 :(得分:0)

它必须在列表项中的任何原因?如果没有尝试以下。

<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">
        <ul class="nav">
          <li><a href="services.php">Work</a></li>
        </ul>
     <a class="pull-left" href="index.php"><img src="/images/logo.png" alt="Home"></a>