当前位置: 首页 > 面试题库 >

Twitter Bootstrap:全宽div的列重新排序

羊舌光赫
2023-03-14
问题内容

它看起来像一个简单的任务,但却无法正常工作。我需要重新订购宽度为100%的平板电脑的div。

原始参考:

<div class="row">
  <div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
  <div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
</div>

问题答案:

如果您首先考虑移动技术,它是可行的。将div按您希望它们在小视口中出现的顺序放置,然后对它们在大视口中重新排序。

<div class="row">
    <div class="col-sm-12 col-md-6 col-md-push-6">
        <div style="background:red">
            Put the one that for small screen on top
        </div>
    </div>
    <div class="col-sm-12 col-md-6 col-md-pull-6">
        <div style="background:green">
            Put the one that for small screen on bottom
        </div>
    </div>
</div>


 类似资料:
  • 问题内容: 我有一个父div,其中将包含2或3个子div。我希望子div自动采用相等的宽度。 谢谢 问题答案: 这不是不可能的。使用甚至还不是特别困难。 该解决方案将在现代浏览器中运行。在IE7中将无法使用。 CSS: HTML:

  • 我正在尝试制作一个没有任何框架帮助的响应式网页。这很基本。 所有的3个div应该显示在一起。 前两个DIV显示在第一行,而另一个DIV显示在第二行,占据整个宽度。 每个div占据全宽度。 在桌面上,前两个div出现在同一行,而第三个则不在。 下面是我的代码。 这是小提琴。

  • 问题内容: 鉴于HTML 呈现为 我的问题: 有没有一种方法可以通过仅使用CSS来呈现它,而无需更改HTML部分。 问题答案: 它可能不完全符合您的要求,但请看一下这个问题: CSS将div定位在另一个div的上方,而在HTML中却没有按照该顺序排列 基本上,您必须使用Javascript才能以任何方式使其可靠。

  • 问题内容: 假设有两个没有同步的线程,一个设置另一个执行。 在下文中,“读取”始终指字段的读取。 以下输出可能吗? 答案是肯定的,因为即使读1发生在读2之前,但是由于读2不会改变线程内执行的语义,因此仍可能在读1之前对读2重新排序。 这个推理正确吗? 问题答案: 发生在前并不意味着两个任意操作的顺序。更精确地说,出现这种情况,之前所做的最重要的事情是占用 的写入 和 读取 在 之前发生的一致性 。

  • 问题内容: 我有一堆具有相同列但顺序不同的csv文件。我们正在尝试使用SQL * Plus上载它们,但是我们需要具有固定列排列的列。 例 所需订单:ABCDEF csv文件:ACDEB(有时列不在csv中,因为它不可用) 用python可以实现吗?我们正在使用Access + Macros来做…但这太浪费时间了 PS。对不起,如果有人对我的英语能力感到沮丧。 问题答案: 您可以使用csv模块读取,

  • 问题内容: df =DataFrame({‘a’:[1,2,3,4],’b’:[2,4,6,8]}) >>> df[‘x’]=df.a + df.b >>> df[‘y’]=df.a - df.b >>> df a b x y 0 1 2 3 -1 1 2 4 6 -2 2 3 6 9 -3 3 4 8 12 -4 现在,我想重新排列列顺序,按如下方式使“ x”,“ y”列成为第一列和第二列: 但