PC 浏览器/屏幕上的问题 3 列（拆分文章），采用响应式设计 (html)

Question

<div class="row articles">

<div class=" col-md-4 col-sm-6">

   <article>

       <p></p>

   </article>

   <article>

       <p></p>

   </article>

</div>

<div class=" col-md-4 col-sm-6">

   <article>

       <p></p>

   </article>

   <article>

       <p></p>

   </article>

</div>

</div>

当我在 PC 上调整大小时，它只给我 2 列而不是 3 列，我已经制作了“元/视口”以及“清晰”的内容，响应式设计在移动设备和平板电脑上运行良好，但当涉及到 PC 屏幕时，它会不管我怎么尝试都会做奇怪的事情

Answer 1

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"/><div class="row articles"><div class="col col-md-4 col-sm-6">   <article>       <p>Article 1</p>   </article>   <article>       <p>Article 2</p>   </article></div><div class="col col-md-4 col-sm-6">   <article>       <p>Article 3</p>   </article>   <article>       <p>Article 4</p>   </article></div><div class="col col-md-4 col-sm-6">   <article>       <p>Article 5</p>   </article>   <article>       <p>Article 6</p>   </article></div></div>