Question

我正在尝试将徽标和滑块（unslider.js）放在同一行，但出于某种原因，bootstrap列无法正常工作。

以下是我正在尝试的代码：

<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript"></script>
  <!-- Slider -->
  <script src="//unslider.com/unslider.min.js"></script>
</head>
<body>
  <div class="container fluid">
    <div class="row">
      <div class="col-md-2">
        <img src="./img/merchant-logo.png" class="img-responsive" style="height: 50px; width:auto;">
      </div>
      <div class="col-md-10">
        <div class="banner">
          <ul>
          <li><img src="img/merchant-logo.png"  /></li>
          <li><img src="img/merchant-logo.png"  /></li>
          <li><img src="img/merchant-logo.png" /></li>
          <li></li>
          </ul>
        </div>

    </div>
  </div>
</div>
        <script type="text/javascript">
        $(function() {
        $('.banner').unslider();
        });
        </script>
</body>
</html>

现在它正在发生这样的事情

enter image description here

将徽标和滑块放在同一行。（Unslider.js）

0 个答案: