打印页面时如何将 Bootstrap 3 列扩展为整个页面宽度?

2023-12-02

当打印我的应用程序中的页面时,我想隐藏侧面导航并将主要内容的宽度扩展为完整的 12 列(我正在使用 Bootstrap 3)。

这是当前的 html/css。

<div class="row">
  <div class="col-md-3 side-navigation hidden-print">
    ...
  </div>
  <div class="col-md-9">
    ...
  </div>
</div>

打印时扩展第二列宽度的 Bootstrap 惯用方法是什么?


这是可能的,有额外的 css 规则:

添加班级print-9给你的col-sm-9班级。 然后将其添加到您的 css 中:

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

打印页面时如何将 Bootstrap 3 列扩展为整个页面宽度? 的相关文章

  • 如何在rollup中使用css @import?

    我尝试创建一个简单的汇总应用程序的配置 但在 css 方面遇到了一些麻烦 这是我的 CSS 文件 import normalize css import typeface roboto html body root height 100 f
  • 在文档流中提取一个元素

    这是示例代码 top background lightGreen content outline 1px solid red bottom background lightBlue div Top div div Lorem ipsum d
  • 如何使 CSS 动画/过渡以固定速度而不是固定持续时间播放? [复制]

    这个问题在这里已经有答案了 我有一个 CSS 动画 可以使元素沿直线移动未定义的距离 据我所知 动画具有固定的持续时间 因此无论元素必须移动多远 动画始终需要相同的时间来运行 我该如何制作才能使动画没有固定的duration 但有固定的运动
  • AJAX 加载的图像在 Safari 中无法正确显示

    因此 我使用 AJAX 加载每个页面的内容并将其注入当前页面 在 Chrome Firefox Internet Explorer 上一切都运行良好 尽其所能 哈哈 并且除了两个奇怪的部分之外 内容在 Safari 上加载良好 通过 AJA
  • 如何使用 CSS 绘制一个向左的三角形?

    我已经很久没有建造这个向上的三角形了 我怎样才能改变我的 CSS 使角指向左边 http jsfiddle net 3sP8q http jsfiddle net 3sP8q left corner width 0 height 0 bor
  • 为什么 z-index 对 div 不起作用?

    我试图让我的页脚显示在页脚背景的顶部 但 z index 似乎不起作用 有人看出它有什么问题吗 http jsfiddle net f2ySC http jsfiddle net f2ySC 你必须明确地定义position财产 foote
  • 生成基于内联 HTML 样式的样式表?

    一段时间以来 我一直致力于对网站的不同部分进行样式设计 但是我尚未将内联样式放入样式表中 我想知道是否存在一个工具可以解析 HTML 文件并从中生成样式表 例如 这是我网站的一个片段 div class block style border
  • 在聚合物元素中动态注入共享样式(聚合物1.2.3)

    我确实有几个自己创建的嵌套聚合物元素 目前 通过使用聚合物共享样式 我可以将自定义样式注入其他元素 不幸的是 这种方法仅限于静态使用 因此 在实现时 我确实需要通过导入共享样式模块来知道哪个元素应该使用哪种共享样式 and 但在我的用例中
  • 我应该使用媒体查询来定位哪些设备/推荐尺寸?

    我是响应式网页设计的新手 并且感到困惑 因为对于使用哪些媒体查询以及要定位哪些设备有不同的偏好 有标准吗 我想定位 iPhone iPad 和其他流行设备 我在网上找到了这个 Smartphones portrait and landsca
  • Bootstrap“navbar-brand”导致“navbar-nav”项目从导航栏中的中心位置向右移动?

    我正在尝试创建一个导航栏 其左侧有 品牌 LOGO 而实际的导航项目位于整个栏的中心 我正在使用默认的 Bootstrap 导航栏 因为我一周前才开始学习 Web 开发 到目前为止 情况是这样的 但是 您可以看到导航项稍微移动到页面实际中心
  • CSS 列不会水平对齐

    我正在使用列计数来允许我的文本流入两个不同的列 但第一列的顶部 最左边 低于另一列 col moz column count 2 webkit column count 2 column count 2 div h3 Options h3
  • css 变换,chrome 中的锯齿状边缘

    我一直在使用 CSS3 转换来旋转网站中带有边框的图像和文本框 问题是 Chrome 中的边框看起来呈锯齿状 就像没有抗锯齿的 低分辨率 游戏一样 在 IE Opera 和 FF 中看起来好多了 因为使用了 AA 仍然清晰可见 但也没有那么
  • 这个 jQuery 选择器中的“>”是什么意思?

    大于号 gt 在这里制作 Is someElement find gt someAttribute 与 someElement find someAttribute 否 它仅选择一个元素 如果它是以下元素的直接子元素 someElement
  • 当放置在 css 中时,为什么 Firefox 无法读取带有空格的图像路径?

    例如 CSS 中类似这样的规则 div something background image url http i2 photobucket com albums y24 5609903697 Beyond Birthday BB39 jp
  • 使用 CSS 和 JQuery 创建组织结构图结构

    I was checking on stack forum Trees in Twitter Bootstrap https stackoverflow com questions 11167628 trees in twitter boo
  • 自定义 CSS 不适用于 Bootstrap

    首先我想说 我知道我的 HTML 并不是最高效或最干净的 我的问题是我编写的自定义 CSS 根本不适用于我的网页 Bootstrap 似乎工作得很好 但是当我尝试进行任何编辑或覆盖 Bootstrap 时 它完全不起作用 我知道我的自定义
  • 相当于在其他浏览器中产生场发光?

    我长期以来一直使用它来为焦点字段添加发光效果 我第一次从 Firefox 访问我的页面 并意识到它不适用于它 而且很可能也不适用于资源管理器 border 1px solid E68D29 outline color webkit focu
  • 如何获取 CSS 旋转元素的实际(非原始)高度

    我需要获取几个不同元素的实际高度 为了精确的自定义工具提示定位 并且其中一些元素 不是全部 被旋转 elem outerHeight 返回原始高度 而不是实际显示的高度 这是一个非常简单的例子 http jsfiddle net NPC42
  • 自动换行在 IE 中不起作用

    自动换行如下 The Breakage of Too Long Words div break word width 690px word wrap break word 确实包装了下表的单词 但它也使表格保持拉伸 我在表的这一部分中使用了
  • 是否可以通过样式表进行跨域攻击?

    我需要为我的 Web 应用程序的用户创建的网页实现灵活的样式系统 理想情况下 我希望允许他们使用 CSS 正在链接到用户定义的 url 处的样式表Bad Idea Why 可以安全地做到这一点吗 您对此有何看法 我试图避免构建样式 编辑器

随机推荐

  • 如何使“%bp.hap.run-until name = X86_HLT_Instr”工作?

    从命令行模拟执行二进制文件 建议使用 bp hap run until name X86 HLT Instr 这是我的完整脚本 run command file targets qsp x86 firststeps no network s
  • 在android中解析11MB的大json[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心以获得指导 我在使用 GSON 和 J
  • wakeLock 不等待网络连接

    我使用唤醒锁作为警报来定期更新应用程序状态 三星手机上的 WiFi 需要一段时间才能连接 还有 Wifi 上的 保持唤醒 选项does not在三星手机上工作 他们也没有兴趣解决这个问题 因此 当唤醒锁确实发生时 它应该等待 wifi 连接
  • 为什么maven依赖中的版本号有时会被跳过?

    我对 Maven 的功能还很陌生 我发现在 pom xml 中放置依赖项的地方 有时只提到 groupID 和artifact id 而跳过 version 为什么是这样 例如以下依赖项来自 springsource 网站http spri
  • 在 Sympy 中部分分解表达式

    Suppose I have an expression of the form I know that I can simplify the expression like so However sympy simplify and sy
  • iBooks图书馆般的效果

    谁能告诉我如何实现 iBooks Library 翻页效果 不是翻页 也许可以通过核心动画来实现吗 这就是您搜索的内容 它的代码非常少 并且完全在 CoreAnimation 中完成 https github com devindoty i
  • cx_Freeze:导入错误:没有名为“PyQt5.Qt”的模块

    我正在尝试使用构建我的 GUI 应用程序cx Freeze The setup py如下 from cx Freeze import setup Executable import os import sys base None if sy
  • PHP Preg_match 精确匹配单词

    我已存储为 1 7 11 我需要使用 preg match 来检查 7 有没有或 11 有吗等等 我该怎么做 Use b在表达式之前和之后仅将其作为整个单词进行匹配 str1 foo bar has matches foo bar str2
  • Elasticsearch 自定义分析器,带有 ngram,连字符上没有单词分隔符

    我正在尝试索引包含连字符但不包含空格 句点或任何其他标点符号的字符串 我不想根据连字符分割单词 而是希望连字符成为索引文本的一部分 例如 我的 6 个文本字符串是 杂志播放 马杂志 在线杂志 最佳杂志 杂志之友 杂志玩游戏 我希望能够在这些
  • 体系结构arm64的未定义符号:“_OBJC_CLASS_$_PayTabCardReaderViewController”,引用自:ViewController.o中的objc-class-ref

    导入名为 pay tabs 的库时出现这个奇怪的错误 Undefined symbols for architecture arm64 OBJC CLASS PayTabCardReaderViewController referenced
  • D3.js 中的线分割

    我在 D3 中创建了一条连接各个数据点的线 作为音乐可视化项目的一部分 但是 我需要对不同的线段进行不同的着色 我通过创建多行而不是使用 line 生成器 即每段一行 来做到这一点 但是我丢失了我的最想要的这样插值 注意 描边颜色不仅在开始
  • 从名称实例化类?

    想象一下我有一堆与 C 相关的类 都扩展相同的基类并提供相同的构造函数 这些类是我在公共头文件 我包含的 中声明的 以及它们在其他一些文件中的实现 我静态编译和链接的 作为我的程序构建的一部分 我希望能够实例化其中一个并传递名称 该名称是必
  • 在 R 中使用 print() 打印换行符

    我正在尝试在 R 中打印多行消息 例如 print File not supplied nUsage program F filename quote 0 我得到输出 File not supplied nUsage program F f
  • Magento-如何使用模块在产品详细信息页面中添加新的自定义块

    我正在做一个 magento 定制网站 我需要添加产品的附加属性 如类型 版本等 我是 magento 的新手 如何将新的定制块添加到产品详细信息页面 我创建了一个模块 并且正在使用下面的编码 应用程序 代码 本地 SmartGrowth
  • DateFormatter 那是不是很挑剔?

    有谁知道 Java 中的 DateFormatter 不是那么挑剔吗 我的意思是我可以提供多种格式来写入日期 如果我提供如下格式 yyyy MM dd HH mm ss Z 用户可以输入 2010 11 02 10 46 05 0600 o
  • Swift 4 可通过未知动态键进行解码

    我有以下 JSON DynamicKey 6410 Meta name page DynamicKey 在编译时是未知的 我正在尝试查找如何进行的参考 使用可解码解析此结构 public struct MyStruct Decodable
  • iPad 模态视图控制器即使在横向模式下也能以纵向方式运行

    我在横向模式下呈现 ModalViewController 时遇到一些困难 基本上 它以正确的界面方向显示 并且仅当设备处于横向模式时才旋转 但视图控制器的行为就像处于纵向模式一样 我正在像这样呈现模式 BOOL application U
  • 将 VisualSVN 服务器附加到现有存储库

    最近所有的 VisualSVN Server 帖子都让我想查看一下 我现在通过 Apache 运行 SVN 但我想尝试 VisualSVN Server 主要用于 Active Directory 集成 他们的文档没有描述您是否可以轻松迁移
  • Java服务器自签名证书+客户端证书和SSL握手_失败

    我正在连接到之前成功使用过的 Web 服务 但现在他们更改了主机名并向我发送了两个 pem 文件 一个是 CA 另一个是我的新客户证书 我正在使用 Java 1 5 Spring Spring Web Services 和 Apache h
  • 打印页面时如何将 Bootstrap 3 列扩展为整个页面宽度?

    当打印我的应用程序中的页面时 我想隐藏侧面导航并将主要内容的宽度扩展为完整的 12 列 我正在使用 Bootstrap 3 这是当前的 html css div class row div class col md 3 side navig