用Zurb基金会在CSS中打印两个CARS

我的代码如下所示：

<link rel="stylesheet" href="css/foundation.css" media="all">
<div class="row">
<div class="large-12 columns">
    <div class="large-6 column">
        Lorem ipsum 
    </div>
    <div class="large-6 column">
        Lorem ipsum 
    </div>
</div>
</div>

乱数假文
乱数假文

在浏览器中，它看起来应该是

但当我想要打印它时，它就像手机/平板电脑视图一样

我需要在DIN A4页面和浏览器中正好有两个可见列。有办法处理吗。或者甚至比Zurb更好的框架？这个问题的基础4？< /P>

---

致以最诚挚的问候。

对于移动设备，您应该将类

small-12

添加到容器中（即您有

large-12

的位置），并将

small-6

添加到您有

large-6

的位置。对于打印，我建议添加一个自定义的

print-6

类，该类具有50%的宽度并相应浮动。

对于移动设备，您应该将类

small-12

添加到容器中（即您有

large-12

）并将

small-6

添加到您有

large-6

的容器中。对于打印，我建议添加一个自定义的

print-6

类，该类具有50%的宽度并相应浮动。

如果您遇到此问题。尝试Bootstrap因为基础上没有真正的解决方案。至少我没找到

引导：

<div class="row">
 <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
  </div>
  <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
 </div>
</div>

乱数假文
乱数假文

如果您遇到此问题。尝试Bootstrap因为基础上没有真正的解决方案。至少我没找到

引导：

<div class="row">
 <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
  </div>
  <div class="col-6 col-sm-6 col-lg-6">
    Lorem ipsum 
 </div>
</div>

乱数假文
乱数假文