个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在努力提高我的 bootstrap 技能，我已经完成了 xtra 小型和小型但不知道如何根据这张图片做中型和大型，有人可以帮忙解决这个问题吗，中间也应该有空白根据图片框，如何使用边距/填充？。 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-6 mg " style="background-color:red; height:200px;"></div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg" style="background-color:blue; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg" style="background-color:yellow; height:200px;"> </div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg " style="background-color:burlywood; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg" style="background-color:black; height:200px;"></div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg" style="background-color:orange; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6 mg " style="background-color:burlywood; height:200px;"></div>
</div>
</body>
</html>最佳答案
您需要为偏移 div 使用 offset-lg-3 和 offset-md-4 类。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<style>
</style>
</head>
<body>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 offset-lg-3" style="background-color:red; height:200px;"></div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3" style="background-color:blue; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6" style="background-color:yellow; height:200px;"> </div>
<div class="col-xs-12 col-sm-6 col-md-4 offset-md-4 col-lg-3 offset-lg-3" style="background-color:burlywood; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 offset-md-4 col-lg-3 offset-lg-0" style="background-color:black; height:200px;"></div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 offset-lg-6" style="background-color:orange; height:200px;"></div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-6" style="background-color:burlywood; height:200px;"></div>
</div>
</body>
</html>关于css - 如何在所有平台(手机、平板电脑、桌面)上使用 Bootstrap 网格系统？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50768871/
25
4
0
我在 cordova@7.1.0、cordova-ios@4.5.2 下运行。安装平台:ios 4.5.2。 我运行 npm install、bower install，然后运行 cordova
我正在使用 VSTS 构建 IOS，运行命令后出现以下错误:cordova build ios 平台“android”似乎不是有效的 cordova 平台。它缺少 API.js。不支持安卓。 Cord
您使用什么软件/Wiki 来编写和分享有关开发人员、测试人员和管理人员的规范？ 你使用维基系统，如果是，你使用什么维基软件？ 或者您是否使用 Sharepoint 来管理和版本规范？将 SharePo
这是一家销售完整软件套件/平台的公司的示例 www.ql2.com/technology/platform.php 我想知道这样的套件/平台是如何开发的？你必须使用J2EE吗？ 我更感兴趣的是这家公司
这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用，visit the
我有一个连接到套接字连接的应用程序，并且该连接向我发送了很多信息..可以说每秒 300 个订单(也许更多)..我有一个类(它就像一个监听器，对某个事件(并且该事件具有顺序)接收该顺序。创建一个对象，然
我即将开始一个 Netbeans 平台的项目。有没有人推荐他们用过并觉得有用的书籍或教程？ 编辑: 这是一个已经开发好的swing应用。 最佳答案 除了 NetBeans 网站上的教程外，我还喜欢这本
有没有什么好的方法可以以非特定语言的方式定义接口(interface)/类层次结构，然后以特定语言生成相应的源代码？特别是，我需要同时针对 Java 和 C# 来创建一个相当全面的 API。我记得有一
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 8 年前。 Improve
大家晚上好我使用 API 平台，我想在创建实体时自动将所有者添加到我的实体中。我创建了一个事件来覆盖 API 平台，它获取当前用户并添加它。但是我的事件永远不会发生，但它确实存在于 debug:eve
这是一个有点奇怪的元编程问题，但我意识到我的新项目不需要完整的 MVC 框架，作为一个 Rails 人，我不确定现在该使用什么。 为您提供必要功能的要点；该网站将显示静态页面，但用户将能够登录并“编辑
这两天我的信息有点过载。 我打算建立自己的网站，允许本地企业列出他们的打折商品，然后用户可以进来搜索“Abercrombie T 恤”，然后就会列出出售它们的商店。 这是一个非常棒的小项目，我真的很兴
我的任务是为产品的下一代版本评估“企业”平台。我们目前正在考虑两种“类型”的平台——RAD(工作流引擎、集成 UI、工作流“技术插件”的小核心、状态的自动持久化……)，例如 SalesForce.co
我需要一个不依赖于特定语言或构建系统的依赖管理器。我研究了几个优秀的工具(Gradle、Bazel、Hunter、Biicode、Conan 等)，但没有一个能满足我的要求(见下文)。我还使用了 Gi
我在 Symfony 4 Flex 应用程序中使用 API Platform v2.2.5，该应用程序由一个功能 API 和 JWT Authentication 组成。 ，一些资源默认Open AP
虽然隐私法通常不属于我们开发人员的管辖范围，但我确实认为这是一个重要的话题，因为我们开发人员应该有责任警告我们的雇主，如果他们想要的东西会违反一些法律......在这种情况下，隐私法......通常情
我已经下载了 VisualVM 源代码，并尝试使用 Netbeans 7.01 编译 Glassfish 插件。这样做会导致以下错误: C:\source\visualvm\trunk\plugins
尝试 gradle 同步后...失败并在消息对话框中显示 Missing Android platform(s) detected: 'android-26' Install missing plat
大家好!我最近开始使用 Cordova，当我运行 Cordova platform add android 时，出现以下错误。我已经成功放置了 Java 和 Android SDK 的环境变量。但 n
已关闭。这个问题是 off-topic 。目前不接受答案。 想要改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 已关闭10 年前。 Improve th
我是一名优秀的程序员,十分优秀！