嵌套div标签导致首个按钮失效，请求排查问题原因

嘿，我一眼就揪出问题啦！你第一个.col-xs-4的div标签没写闭合的>，这直接导致HTML结构错乱，浏览器解析的时候逻辑全乱了，第一个按钮自然就失效咯。

先看你原代码里的错误点：

<div class="row"> 
  <div class="col-xs-4"  <!-- 这里少了个关键的 > -->
    <button class="btn btn-block btn-primary">Like</button> 
  </div> 
  <div class="col-xs-4"> 
    <button class="btn btn-block btn-info">Info</button> 
  </div> 
  <div class="col-xs-4"> 
    <button class="btn btn-block btn-danger">Delete</button> 
  </div>
</div>

补上缺失的符号后，代码就正常了：

<div class="row"> 
  <div class="col-xs-4"> 
    <button class="btn btn-block btn-primary">Like</button> 
  </div> 
  <div class="col-xs-4"> 
    <button class="btn btn-block btn-info">Info</button> 
  </div> 
  <div class="col-xs-4"> 
    <button class="btn btn-block btn-danger">Delete</button> 
  </div>
</div>

HTML对标签完整性要求特别高，哪怕只是漏个小符号，都会让DOM结构解析异常，以后写代码可得多留意这类细节呀～

内容的提问来源于stack exchange，提问作者Laz