css - 在 Bootstrap 推特网格系统上应用样式

Question

我试图了解 bootstrap twitter 是如何工作的。仅当网格系统处于“col-xs-*”时，您能告诉我在 TEXT2 上设置另一种颜色的最佳方法是什么吗？

<div class="row">
    <div class="col-xs-3 col-md-4">
        <span>TEXT1</span>
    </div>
    <div class="col-xs-9 col-md-8">
        <span>TEXT2</span>
    </div>
</div>

http://jsfiddle.net/wVX65/

PS:对不起我的英语...

Answer 1

.col-xs 适用于 < 768px 的屏幕。当屏幕 < 768px 时应用 text2 的颜色。你可以在你的 CSS 中使用媒体查询。例如 -

@media all and (max-width: 768px){
   /* Change text colour */

    }

JSFiddle