如何在bootstrap中避免行高的限制？

Question

zz初学网页
如图，因为行的限制，下面的列表不能紧贴上面的图标。
请问如何解决呢？谢谢!!

<!--左侧社团图标缩略图-->
        <div class="row">
              <div class="col-md-2" >
                  <img src="img/clublogos.jpg" alt="CSDN">
                  <div class="caption">
                    <h3>CSDN俱乐部</h3>
                        <p><a herf="http://www.csdn.net/">@csdn.com</a>
                  </div>
            </div>

            <div class="col-md-10 ">
                <img src="img/toppic.jpg" alt="CSDN">
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <ul>
                    <li>主页</li>
                    <li>社团简介</li>
                    <li>近期活动</li>
                    <li>社团相册</li>
                    <li>联系我们</li>
                </ul>
            </div>
        </div>

Answer 1

把ul这部分挪到 captain这个div之后，试试

<!--左侧社团图标缩略图-->
        <div class="row">
              <div class="col-md-2" >
                  <img src="img/clublogos.jpg" alt="CSDN">
                  <div class="caption">
                    <h3>CSDN俱乐部</h3>
                        <p><a herf="http://www.csdn.net/">@csdn.com</a>
                  </div>
                  <div>
                      <ul>
                        <li>主页</li>
                        <li>社团简介</li>
                        <li>近期活动</li>
                        <li>社团相册</li>
                        <li>联系我们</li>
                    </ul>
                  </div>
            </div>

            <div class="col-md-10 ">
                <img src="img/toppic.jpg" alt="CSDN">
            </div>
        </div>