Bootstrap网格在HTML5详细信息元素（Chrome）中无法正常工作

Question

它在Firefox中运行良好，甚至是Opera的旧版本。

Failing in Chrome 56 (Codepen)

<details>
  <summary>Stuff</summary>
  <div class="container">
    <div class="row">
       <div class="col-sm-12 col-md-6">
         ...

Answer 1

将box-sizing: border-box添加到.row时，它似乎有效。

revised codepen