Question

我有一个包含4列的引导网格。当显示器尺寸为平板电脑时，我想要列1-2和3-4堆叠。当显示尺寸是手机时，我想要所有4列堆叠。但对于任何大尺寸，列都不会叠加。

是否有一种简单的方法可以在bootstrap中实现这一点？以下是4列的代码示例：

attribute.value

Answer 1

如果你想要第一个和第二个，然后是第三个和第四个，你可能需要嵌套列/行，并为另一个视口添加另一个列大小。请参阅Nesting和Mixed Columns

请参阅工作示例摘录。

<dom-module id="test">
  <template>
    <style>

    </style>

    <template is="dom-if" if="[[_isDataReady]]">

    </template>

  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'test',

        properties: {
          dataUrl: {
            type: String
          }
        },

        ready: function() {
          this._isDataReady = false;
          this._tempArray = [];

          // Get data asynchronously from dataUrl
          // ...
        }
      });
    })();
  </script>
</dom-module>

Bootstrap - 两个（多个）列堆叠，用于不同宽度

1 个答案: