Question

我在调整我的li元素时遇到了一些麻烦。一切都很好地对齐，但第一个元素没有正确对齐。此外，第一排周围有奇怪的黑点（在我添加ul标签之前不存在）。如何正确对齐第一个li？问题（第一）李的代码：

<li>
     <div class="col-md-6">
      <div class="tile blue" id="tile1">
        <div align="center">
        <h3 class="title">Network Security</h3>
        </div>
        <br>
        <div class="row">
        <div align="center">    
        <a href="#" class="icon-white"> <i class="fa icon-white fa-users fa-lg "> </i> 10 </a>
        </div>  
        </div>
        <br>
        <div class="row">
        <div class="text-center">
                                <div class="btn-toolbar" id="btns">
                                <button class="btn btn-default btn-danger"><span class="glyphicon glyphicon-wrench"></span> Manage</button>
                                <button class="btn btn-default btn-danger"><span class="glyphicon glyphicon-eye-open"></span> Preview</button>
                                <button class="btn btn-default btn-danger"><span class="glyphicon glyphicon-pencil"></span> Edit Info</button>

                                </div>
                                </div>
        </div>

      </div>
    </div>
    </li>

看看我为问题的可视化而创建的小提琴：http://jsfiddle.net/AE3VV/1/

更新子弹造成了这个问题。因此，第一块瓷砖未与右侧的瓷砖对齐。删除点解决了问题[li {list-style：none;}]

Answer 1

第一块瓷砖看起来不错，但要删除这些点，请使用：

.list-group { list-style:none; }

第1项目（瓷砖）未正确对齐

1 个答案: