html - 使用 col-push 和 col-pull bootstrap 定位元素 3-6ren

html - 使用 col-push 和 col-pull bootstrap 定位元素 3

转载作者：太空宇宙更新时间：2023-11-04 14:36:39

25

4

当它是移动视口(viewport)时，我试图将文本放在图像上方我正在使用 twitter bootsrap 3 帮助程序类 col-push 和 col-pull 但我可以让它工作。

这很像我的 html，我喜欢用三个 span4 排成一行。每个 span4 都需要有一个图像和图像底部关联的文本。当视口(viewport)移动时，我需要将文本的位置切换为图像的位置(文本顶部，图像底部)。

我想不通..任何人都可以帮我解释一下 col-push 和 col-pull 是如何工作的，或者我错过了什么才能让它工作？

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
            <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        </head>
        <body>
    <div class="container row">
        <div class='col-lg-4'>
            <a class="" href="#" target="_self">
                <img src="https://d13yacurqjgara.cloudfront.net/users/31371/screenshots/269938/400x300.png">
            </a>
            <span class=''>Put some text in this area</span>
        </div>
        <div class='col-lg-4'>
            <a class="" href="#" target="_self">
                <img src="https://d13yacurqjgara.cloudfront.net/users/31371/screenshots/269938/400x300.png">
            </a>
            <span class=''>Put some text in this area</span>
        </div>
        <div class='col-lg-4'>
            <a class="" href="#" target="_self">
                <img src="https://d13yacurqjgara.cloudfront.net/users/31371/screenshots/269938/400x300.png">
            </a>
            <span class=''>Put some text in this area</span>
        </div>
    </div>

        </body>
    </html>

非常感谢。

最佳答案

您也可以在没有任何自定义 CSS 的情况下执行此操作，但是通过使用 hidden-*/visible-* 类重复您的一些标记并根据设备显示/隐藏它:

http://www.bootply.com/evXH6jijLe

<div class="container">
   <div class="col-lg-4">
     <p class="visible-xs">Text Mobile 1</p>
        <img src="img.png">
     <p class="hidden-xs">Text Desktop 1</p>
    </div>
   <div class="col-lg-4">
     <p class="visible-xs">Text Mobile 2</p>
        <img src="img.png">
     <p class="hidden-xs">Text Desktop 2</p>
    </div>
   <div class="col-lg-4">
     <p class="visible-xs">Text Mobile 3</p>
        <img src="img.png">
     <p class="hidden-xs">Text Desktop 3</p>
    </div>

您可能需要更具体地了解您使用的是哪些 hidden-*/visible-* 类，但这最终会完成。

关于html - 使用 col-push 和 col-pull bootstrap 定位元素 3，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24942464/

25

4

0

文章推荐： javascript - JS CSS 字体颜色和下划线

文章推荐： c++ - "rounding"整数

文章推荐： c++ - 在 C++ 迭代器类中重载 *(iterator + n) 和 *(n + iterator)？

文章推荐： asp.net - HtmlEditorExtender 默认样式

Git pull 直到有东西可以 pull
有没有办法 git pull 直到有东西可以 pull 。假设我正在等待一位同事推送他的最新更改，因为我不耐烦并且没有看他的屏幕，我只是运行 watch git pull 直到我看到有东西被 pul
Git: pull 与获取→ pull
这个问题在这里已经有了答案: What is the difference between 'git pull' and 'git fetch'? (37 个答案) 关闭 6 年前。这个问题我一直
git - 即使 git log 确认 pull ，通过 git pull origin master pull 的修改后的文件也没有显示为已更改
我有一个分支，想使用 $ git pull origin master 将 master 中的更改 git在我这样做之后， pull 确实没有显示任何 merge 的 PR 被 pull 并且说它已经
git refs/pull/... 与 pull/
在各个地方，寻找有关如何从 GitHub merge 请求创建本地分支的说明，我看到了两个版本: git fetch upstream refs/pull/PR_ID/head:NEW_LOCAL_B
git - 如何在github中从上游 pull pull 请求
我已经在github上创建了一个仓库。 Upstream中有一些新的 pull 请求。我想从本地上游 pull 请求。我怎样才能做到这一点？我不知道，没有发现任何与此相关的信息。最佳答案通过首先
GitHub: pull 请求: pull 请求后我必须分支吗？
假设我 fork 一个 GitHub 项目并进行一些更改，然后为要 merge 到的更改创建 pull 请求我从中 fork 的原始项目。一旦我这样做了，如果我返回到我的 fork 项目并提交更多文
Git pull 不会 pull 下最近的提交
我在 BitBucket 上有一个 Git 存储库。我有两个分支 master 和 db。在我的笔记本电脑上，我对 db 进行了更改，提交了更改并推送到 BitBucket。我可以在该分支中看到提交。
git - [git pull] 从哪里 pull ？
我在分支 tm-skeleton并执行 git pull 做某事(从技术上讲，它要求输入密码，然后我在那里点击了 )，但我怎么知道它从哪里 pull ？通常，[branch "tm-skeleton"
Git pull 没有 pull 最新版本
我们在组织中使用 Github 进行源代码控制。多个开发人员不断地将他们的更改 merge 到远程源存储库。就我而言，我在两周前克隆了存储库，之后进行了多次 merge 。现在我正在尝试获取代码的最新
git - 如何在本地快速 pull pull 请求
在 merge pull 请求之前，我想在本地快速 pull 请求并运行测试并测试一些内容。我还不想点击 gihub merge pull 请求。我认为滑轮会有所帮助 http://ejohn.or
Git pull 不 pull 一切
我有一个服务器，其中有一些我不知道我在哪里的配置我只是 git pull 并获取 github 存储库中的内容，然后重新启动它以进行部署。问题是，有一个不是我最新的提交，它实际上不在我的服务器上。这
Git pull 与 pull 请求
我是 Git 的新手，所以如果这是微不足道的，我深表歉意。我有一个使用 Github 和 EGit 设置的私有(private)存储库. 要更新并 merge 我的本地存储库分支与远程版本(本质上是g
git - 如何判断 pull 请求是否赋予维护者编辑 pull 请求的能力？
pull 请求的发起者可能 give the maintainer the ability to edit the pull request . 对于任何给定的 pull 请求，我们如何判断该能力是否
git - 审阅更改提交后更新 pull 请求未显示在 pull 请求中
我 fork 了一个GitHub存储库，并在 fork 上进行了一些更改，然后提交了一个 pull 请求，但是原始GitHub存储库的所有者要求对它们进行 pull 请求中的一些更改。我以为在fork
git-pull - Git Gui 中没有 "pull"？
如何使用 Git GUI 工具进行拉取？似乎任何地方都没有 pull 命令。是否有使用 Git GUI 的等效菜单选项？任何帮助将不胜感激。最佳答案嗯，我发现这个有用的论坛帖子: https:
c# - LibGit2Sharp Pull() 不 pull 已删除的文件
我制作了一个程序来从我的 github 上托管的公共(public)存储库中提取数据。克隆一个项目工作得很好(无论如何我都是这样做的)，但我一直在努力让它工作以提取所有内容，一旦你删除一个文件，它不再
git - pull -提交-推还是提交- pull -推？
哪个比另一个更可取，为什么？如果我在提交之前 pull ，其他开发人员所做的更改是否与我当前正在处理的内容 merge ？如果是这样，那意味着这个更可取？最佳答案最好先提交。 pull 而不提交可
git - 为什么来自其他 pull 请求的提交在我的新 pull 请求中？
我对使用 git 在团队中工作还很陌生。我从“origin/master”开始。首先我创建了一个新分支feature/26062018-offline-seite_ef。我添加了提交。我检查了
git pull from remote ...我可以 pull 一个特定的提交吗？
这个问题在这里已经有了答案: Retrieve specific commit from a remote Git repository (11 个答案) 关闭 9 年前。我在本地创建一个空的新存
git - 有没有办法将 pull 请求转回草稿 pull 请求？
我开始在 Github 上使用新的 pull 请求草案功能，但我想知道在我不小心发出 pull 请求的情况下是否可以将合法的 pull 请求转换回 pull 请求草案。最佳答案如前所述on Twi

首页

博学

6Ren·AI

商城

html - 使用 col-push 和 col-pull bootstrap 定位元素 3