未并列指定基础CSS的列

Question

我有以下代码，应该并排创建一个具有三列的行，但是这些列在大屏幕中依次出现

<div class="row">
   <div  class= "columns large-4  small-12" style="background-color: brown;">
        <!-- <img src="photos/building.jpeg"  alt="building"> -->
        ggg
   </div>  



    <div class= "columns large-3 small-12 " style="background-color: blueviolet;">
            <!-- <img src="photos/building.jpeg"  alt="building"> -->
            bbx
        </div>

        <div style="background-color: blue;" class="columns large-3  small-12">
                <!-- <img src="photos/building.jpeg"  alt="building"> -->
                vvv
            </div>

      </div>

Answer 1

您是否将foundation.css包含在您的代码中？这是一个工作示例（扩展脚本）：