如何在Bootstrap中选择960px宽而不是1200px的容器

2024-02-01

如何选择容器960pxBootstrap 中宽而不是 1200px?


Bootstrap 在宽度超过 1200 像素的屏幕上将容器宽度设置为 1170 像素。
对于 992px 到 1200px 的屏幕,容器宽度设置为 970px。 您可以阅读有关 bootstrap 网格的更多信息here http://getbootstrap.com/css/#grid
现在,如果您想将容器设置为 760px 以适应大屏幕,您必须找到它并在 bootstrap.css 中进行编辑或将此代码添加到您的自定义 css 中:

@media (min-width: 1200px) {
  .container {
    width: 960px;
   }
}

and

@media (min-width: 992px) {
  .container {
    width: 960px;
   }
 }

希望这可以帮助

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在Bootstrap中选择960px宽而不是1200px的容器 的相关文章

  • 无论滚动位置如何,引导模式都位于 iframe 顶部。如何将其放置在屏幕上?

    在 iframe 中嵌入 Bootstrap 应用程序时 模式对话框始终在 iframe 顶部打开 而不是在屏幕顶部 例如 转到http getbootstrap com javascript http getbootstrap com j
  • 当子项位置固定时从 Bootstrap 容器继承宽度

    我试图让 header div 从其父级继承其宽度 标题 div 是position fixed 父级包含在引导容器内 但是 正如您在我创建的代码中看到的 它没有正确继承其父级的宽度 它从某处添加了一些额外的宽度 这一切都非常烦人 知道如何
  • 在 Symfony 2 项目中安装 Bootstrap 主题

    我正在考虑安装这个主题 http bootswatch com superhero 在我的SF2项目中 我注意到页面顶部有4个文件可供下载 即 bootstrap min css 引导程序 css 无变量 bootswatch less 我
  • 使用 jQuery 实时更新文本

    我最近一直在用 jQuery 做一个项目 但遇到了一个问题 基本思想是创建一些 JS 代码 以便当您在选项卡上的文本框中输入内容时 div 内的文本会随着您的键入而更改 并且当您移动到新选项卡时 它会更改为文本框中的文本那里 这很难解释 所
  • 使用小屏幕时强制在按钮文本内换行

    我有一个响应式网络应用程序 其中包含一些对于小移动屏幕来说太大的按钮 它们包含太多文字 因此最终会从屏幕上消失 我目前正在使用a通过给它们引导类来标记为按钮 所以目前的代码是这样的 a Here I have a button with l
  • 取消滚动 Twitter 引导程序的词缀

    我在传统网站布局的侧边栏上使用 Twitter bootstrap 的后缀 页眉 内容和侧边栏 页脚 在某个滚动点上 我希望它从页面上取消固定并返回到其原始位置 静态 因此它不会与页脚重叠 我试图只用 CSS 来摆弄它 但是由于 affix
  • 我应该如何使用 Bootstrap 设计 Django 验证错误的样式?

    当 Django 中的表单出现验证错误时 错误会在包含类的列表中给出errorlist 可以通过设置使用 Bootstrap 为元素指定错误样式class alert alert error 结合这些并使用 Bootstrap 的错误样式来
  • Bootstrap 将图像与文本对齐

    我正在尝试使用引导程序将左侧的图像与文本对齐 并且当在移动设备上查看页面时 图像将居中于文本顶部 div class container div class row h1 About Me h1 div class col md 4 div
  • 如何将 Bootstrap 卡图像居中[重复]

    这个问题在这里已经有答案了 如何在 Bootstrap 4 卡中将图像居中 这是一个垂直图像 左对齐看起来不对 我一直在阅读 Bootstrap Card 文档 但找不到任何有关使图像居中的信息 div class card deck di
  • ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

    在我的 Angular 4 应用程序中 ng bootstrap 中的 ngbDropdown Element 不起作用 对于这种情况 我安装了以下 npm 模块 ng bootstrap ng bootstrap 1 0 0 alpha
  • 关闭引导选项卡中的按钮 - 不将

    这个问题Twitter Bootstrap3 选项卡的关闭按钮 https stackoverflow com questions 23211290 close button for twitter bootstrap3 tabs展示了如何
  • Bootstrap - 表单内联元素之间的间距

    在 Bootstrap 3 中 内联表单 http getbootstrap com css forms inline http getbootstrap com css forms inline 我似乎找不到间距的原因 form grou
  • 在 Windows 容器中使用命名管道(同一主机)

    我想要有 2 个 Windows 容器 在同一主机上运行 使用 Windows 10 客户端计算机和 Windows 的 docker 通过命名管道 不是匿名管道 进行通信 然而 我无法让它发挥作用 我的命名管道服务器类是在 GitHub
  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc
  • 如何获取 Bootstrap Datepicker 更改时的年份和月份

    我是这个日期选择器的新手 我不知道如何获取更改事件的月份和年份字符串changeMonth and changeYear 这是该插件的链接 https github com eternicode bootstrap datepicker h
  • C++ 11 相当于 java.util.ConcurrentHashMap

    我发现自己不断地编写互斥体代码 以便同步对 std unordered map 和其他容器的读 写访问 以便我可以像使用 java util concurrent 容器一样使用它们 我正要开始编写一个包装器来封装互斥体 但我宁愿使用经过良好
  • Bootstrap 折叠导航菜单

    我正在尝试使用 Bootstrap 折叠插件 但收效甚微 我想要一个带有隐藏子菜单的手风琴式导航菜单 我的 HTML 和 JS ul class nav nav list li class nav header span Home span
  • 引导导航栏菜单与文本重叠

    我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放
  • Bootstrap中.row类的负左右边距

    只是出于好奇 为什么 bootstrap 使用 15px左和右margins 将取消15px左和右padding on container and container fluid类 为什么要设置内边距 然后在子项上使用负边距取消它 行上的负
  • 字形和 bootstrap 4

    我正在尝试使用 glyphicon 中的 glyphicon 当您单击一个 glyphicon 时 它会提示您所需要做的就是添加 span class span 你想要字形的地方 但在下载它们后 我注意到它们都保存为 png 文件 有谁知道

随机推荐

  • seq 和 == 运算符的神秘行为。精度问题?

    我遇到了该函数的某种奇怪 或只是出乎意料 的行为seq 创建简单序列时 某些值无法与 运算符正确匹配 看这个最小的例子 my seq lt seq 0 0 4 len 5 table my seq ok returns 0 0 1 0 2
  • XSLT 聚合 XML 标记值并存储新标记

    我是 xslt 的新手 并尝试使用 XSLT 处理以下 XML
  • 奥尔良任务的交错

    有一个问题here https stackoverflow com questions 54456369 orleans single threaded nature not respected by continuewith其中 Orle
  • 如何使用 knit::spin 注释掉行

    使用时spin包装内knitr 如何简单地注释掉一些东西 使它们看不见旋转 roxygen风格线 被视为出现在报告中的行 通常的 R 注释 被视为R注释并出现在代码块中 仅是文本且开头没有特殊字符的行会导致错误 以 开头的行LaTeX评论
  • PHP 类自动加载

    我有一个 简单框架 其主要实例是 app 现在 实现自动加载器的最佳方法是什么 不使用 Composer 我需要的是有一个处理所有自动加载的类 支持各种名称空间 我有一些方法 困境 起初我认为我应该创建一个处理所有事情的 静态 类 但后来我
  • Boost random::discrete_distribution 构建后如何更改权重?

    好的 可以在 boost random discrete distribution 中给出权重 概率 e g 双倍概率 0 5 0 1 0 1 0 1 0 1 0 1 boost random discrete distributiondi
  • 使用 PowerShell 重命名文件以增加文件编号?

    我有一堆名为 attachment 023940 attachment 024039 attachment 024041 attachment 024103 etc 我需要通过将文件号增加给定的数字来重命名文件 以便它们与数据库中的正确 I
  • gperftools CPU profiler 究竟是如何启动的?

    gperftools 文档 http google perftools googlecode com svn trunk doc cpuprofile html说libprofiler应该链接到目标程序 gcc myprogram c lp
  • 无法从具有多个返回的 Select 中的使用情况推断出 C# 类型参数

    我不认为我做了任何太深奥的事情 但我没有看到任何其他与此相关的问题 以下代码 我已将其简化为要点 在 C 4 中生成编译器错误 但是 类型参数是什么应该是显而易见的 有一个最大公分母 类 A 也明确定义在方法 Frob 的返回类型 难道编译
  • NodeJS base64 图像编码/解码不太工作

    我一直在尝试将发布到nodeJS 和express框架 的图像保存到数据库 但遇到了一些麻烦 忽略所有的 Web 处理 我认为我已经将问题范围缩小到了 Node js 中进行 Base64 编码的方式 我相信下面过于简化的示例应该可以工作
  • 如何将 tibble 导出为 .csv

    我使用 rfm 包进行了 rfm 分析 结果在 tibble 中 我似乎不知道如何将其导出到 csv 我尝试了下面的参数 但它导出了一个空白文件 gt dim bmdata4RFM 1 1182580 3 gt str bmdata4RFM
  • C 中的 #line 关键字

    我试图理解一些代码 但遇到了一个我以前从未见过的关键字 我尝试用谷歌搜索它 但也没有找到任何有关它的信息 char valtext line 1 Values l define INITIAL 0 line 2 Values l int r
  • 如何使用注释在 Spring MVC 中创建默认方法?

    我找不到解决办法 这让我发疯 我映射了 Controller 它使用 RequestMapping 响应多种方法 当没有指定更具体的情况时 我想将其中一种方法标记为默认方法 例如 Controller RequestMapping user
  • 使用 Click 库的 Python 3.6 中没有模块错误

    我正在尝试使用该包在 python 中构建 CLIclick 我使用的Python版本是3 6 这是我的应用程序的主要部分 import os import click cmd folder os path join os path dir
  • php if() 中的多个 OR 似乎没有正确响应。测试数组值和所有。我究竟做错了什么?

    我正在运行一个非常简单的 if 语句 在我添加两个额外的 之前它工作得很好 或 运算符 这是我的代码 if planDetails Company name company1 planDetails PlanDetail name pd n
  • Spring JPA自动创建表失败

    我对 Spring JPA Hibernate MySQL 有疑问 我有一个实体 Nom java 和存储库 公共接口 NomRepository 扩展 JpaRepository 它们的创建和注入都很好 问题是 当我尝试通过存储库的保存方
  • 如何以经过身份验证的方式运行应用程序

    我创建了一个小型应用程序 它尝试根据用户的用户名和密码对用户进行身份验证 当在 Active Directory 所在的同一域上运行时 此应用程序可以正常工作 我现在必须扩展该应用程序 使其也可以在安全和权限方面 封闭 的域上运行 换句话说
  • 为什么 PostgreSQL 枚举类型数组允许空值?

    我正在使用 PostgreSQL 数据库 并使用枚举类型的数组作为其中一列 CREATE TYPE my type enum AS ENUM value1 value2 value3 ALTER TABLE my table ADD COL
  • JsonMappingException:无法构造 CommonsMultipartFile 的实例

    我正在使用 Spring MVC 3 0 在我的应用程序中 我发送一些带有多个附件的信息 并且每个文件都有标题 Id 等 因此 我制作了一个 DTO 如下所示 public class MyDTO Long id Integer age M
  • 如何在Bootstrap中选择960px宽而不是1200px的容器

    如何选择容器960pxBootstrap 中宽而不是 1200px Bootstrap 在宽度超过 1200 像素的屏幕上将容器宽度设置为 1170 像素 对于 992px 到 1200px 的屏幕 容器宽度设置为 970px 您可以阅读有