class - 更改媒体时如何用另一个 CSS 类替换 CSS 类

Question

我是 CSS 的新手，我仍处于学习曲线中

基本上，当我选择媒体 print 而不是所有其他媒体中的 col-xs-9 时，我想显示一个使用类 col-xs-12 的部分。

在 CSS 中有一种简单的方法可以做到这一点吗？

Answer 1

使用 Bootstraps 内置类，您可以使用 jQuery、普通 javascript 或@media 查询。如果您正在使用 Less 或其他东西，您可以使用 mixins。既然你提到你是 CSS 的新手，我将假设它是普通的旧 CSS。

您提到您想要 col-xs-12 和 col-xs-9。您也可以将大小链接在一起。例如。 class="col-xs-12 col-lg-9" 等。

如 .visible-print 和 .hidden-print 类中所述，您可以拥有以下...

<div id="sectionContainer">
    <div class="col-xs-12 hidden-print">
        <!-- Add the content to see if your viewing on a web page -->
    </div>
    <div class="col-xs-9 visible-print">
        <!-- Content to show in print -->
    </div>
</div>