- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我现在正在阅读 Twitter Bootstrap 3 上的文档,并尝试按照 this page 中所示的列顺序进行排序但撞墙了。我不明白为什么这样的代码有效,也不明白如何正确指定设置。我要展示的是一个格子,它由长度为5,另一个长度为5,最后一个长度为2的格子组成。
所以我的是这样的:
[5] [5] [2]
我想要实现的是,当它在桌面上查看时,会显示上面的布局,但是当它在移动设备上查看时,我想先显示第二个长度为 5 的对象,然后是第一个长度为 5 的对象,最后是长度为 2 的对象,垂直。像这样:
[5] (second)
[5] (first)
[2]
虽然我尝试按照上述文档中解释的步骤进行操作,但尽管是在移动平台上,但我得到了第一个长度为 5 的对象而不是第二个对象,正如我所说,它应该在顶部显示第二个长度为 5 的对象。换句话说,我得到了这个:
[5] (first)
[5] (second)
[2]
那么我怎样才能正确地将第二个放在第一个之上呢?或者由于我使用了相同长度的对象,列排序是否不起作用?
这是我的代码供您引用:
<div class='row'>
<div class='col-lg-5 col-lg-push-5'></div>
<div class='col-lg-5 col-lg-pull-5'></div>
<div class='col-lg-2'></div>
</div>
此外,文档没有阐明pull
或push
的含义。那我是不是漏掉了什么?
谢谢。
最佳答案
这个答案分为三部分,官方发布(v3和v4)见下文
我什至无法在我下载的 RC1 的原始文件中找到 col-lg-push-x 或 pull 类,因此请检查您的 bootstrap.css 文件。希望这是他们将在 RC2 中解决的问题。
无论如何,col-push-* 和 pull 类确实存在,这将满足您的需要。 Here is a demo
<div class="row">
<div class="col-sm-5 col-push-5">
Content B
</div>
<div class="col-sm-5 col-pull-5">
Content A
</div>
<div class="col-sm-2">
Content C
</div>
</div>
另见 This blog post on the subject
col-vp-push-x
= 将列向右推 x 列数,从哪里开始该列通常会在 vp 或更大的视口(viewport)上呈现 -> position: relative
。
col-vp-pull-x
= 将列向左拉 x 列数,从哪里开始该列通常会在 vp 或更大的视口(viewport)上呈现 -> position: relative
。
vp = xs、sm、md 或 lg
x = 1 到 12
我认为让大多数人感到困惑的是,您需要更改 HTML 标记中列的顺序(在下面的示例中,B 在 A 之前),而且它只会插入或拉动大于或等于指定的视口(viewport)。即 col-sm-push-5
只会在 sm
视口(viewport)或更大视口(viewport)上推送 5 列。这是因为 Bootstrap 是一个“移动优先”的框架,所以您的 HTML 应该反射(reflect)您网站的移动版本。然后在较大的屏幕上完成推和拉。
<div class="row">
<div class="col-sm-5 col-sm-push-5">
Content B
</div>
<div class="col-sm-5 col-sm-pull-5">
Content A
</div>
<div class="col-sm-2">
Content C
</div>
</div>
视口(viewport) >= sm
|A|B|C|
视口(viewport)
|B|
|A|
|C|
v4 带来了 flexbox 和对网格系统的其他更改,并且删除了 push\pull 类以支持使用 flexbox 排序。
.order-*
类来控制视觉顺序(其中 * = 1 到 12).order-md-*
.order-first
(-1) 和 .order-last
(13) 可用<div class="row">
<div class="col order-2">1st yet 2nd</div>
<div class="col order-1">2nd yet 1st</div>
</div>
关于css - 在 Twitter Bootstrap 3 中使用 col-lg-push 和 col-lg-pull 进行列顺序操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18057270/
用户使用 oauth 登录我的应用程序,注销我的应用程序后,但 twitter 无法执行,问题是用户 twitter 帐户处于事件状态。 当注销我的应用程序的同时注销 Twitter twitter
我在 Twitter 的文本查询字符串参数方面遇到了一些字符编码问题。 a) http://www.twitter.com/share?url=http://www.example.com&text=
就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the he
我正在尝试执行3-legged authorization来在浏览器中调用Twitter API。该过程首先通过将签名的请求发布到 /oauth/request_token 来获得请求 token (
我正在做一个项目来识别用户是否是 Twitter 中的名人。有什么方法可以检查 Twitter 中的用户是否被验证为名人?我知道名人会在推特个人资料中用蓝色徽章来识别。但是我如何通过 Twitter
我想对推文进行一些挖掘。是否有更具体的推文停用词列表,例如删除“lol”和其他推特笑脸? 最佳答案 我想你应该合并普通的停用词列表,例如 this one或that ,带有特定的首字母缩略词词典,例如
我正在为我的期末项目建立一个网站,用于查找和显示 Twitter 上当前 HitTest 门的主题。有谁知道如何从上周或一天内的大量推文中提取主题?我还想知道如何在 http://tweet3d.co
我可以使用获取所有用户的详细信息 https://api.twitter.com/1/account/verify_credentials.json 但我只想通过使用 api 获取 ID 如何获得它。
我见过多个“允许此应用程序与 twitter 一起运行”的内容,但没有一个: 查看您的 Twitter 密码 在“此应用程序将能够”下 示例: 最佳答案 没有 Twitter 永远不会允许人们看到您的
我注意到最近的一些推文有与之相关的媒体,例如来自 TwitPic 或 Flickr 的照片以及来自 Youtube 的视频。你可以直接在 Twitter 网站上看到它们,所以它不仅仅是一个链接。我的想
在 Twitter API 中,有一个 status_lookup 方法可以“水化”推文。文档不清楚这意味着什么。那么我什么时候需要补充推文呢? 如果我有来自 /statuses/user_timel
我使用以下代码来显示一个带有已填充消息的 Twitter 框的页面: Click me 但是,在页面上,我在 Twitter 框中得到了这个: myMessage/ 注意结尾的斜杠。有什么想法可以解决
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎与 help center 中定义的范围内的编程无关。 . 关闭 7 年前。 Improve
在开发包含 Twitter 客户端的 iOS 应用程序时,我必须允许用户生成主题标签(可以在应用程序内的其他位置创建,而不仅仅是在推文正文中创建)。 我想确保任何此类主题标签对于 Twitter 都有
我是集群新手,之前刚刚实现了一些算法。我需要根据推文的相似性对推文进行聚类。一种方法是仅使用哈希标签,但我认为这不会提供那么多信息。因此应该分析完整的推文。 此外,我还在网上搜索聚类提要的算法。 我遇
我想在 ios 7 中集成 twitter 并希望实现以下功能。1. 从 iOS 应用程序使用 Twitter 登录。2. 获取用户资料信息 我尝试了几个解决方案,但没有一个对我有用。请帮忙。 最佳答
是否有任何方法可以使用用户 ID 或屏幕名称构建个人资料图像 URL?我将用户 ID 存储在数据库中,但我不想存储个人资料图像 url。 编辑: 我也不想进行 api 调用。我想将 user_id 放
在 iOS5 上,是否可以提示用户并将其引导至 Twitter Settings.app 区域,以便他们可以将自己的 Twitter 帐户添加到手机中?如果是,你是怎么做到的? 作为解决方法,我可以指
有许多网站为 Twitter 提供附加服务: hashtags.org tweetmeme.com repeets.com dailyrt.com backtweets.com 他们都有一个共同点:他
我正在使用 Twitter Bootstrap 并尝试使用背景打印页面。 我尝试了网络浏览器中的所有选项,但它不起作用。 如果我不包括 twitter bootstrap,则背景的打印效果很好。 (顺
我是一名优秀的程序员,十分优秀!