小编Ang*_*834的帖子

Bootstrap 打印和列大小调整

我对 SO 进行了一些挖掘,并找到了有关打印和 bootstrap.css 的各种资源,但我还没有看到这个特定问题的解决方案。

可以说我有一个像 Plnkr 中所示的设置:http://plnkr.co/edit/7ETXQyEvY7S16JTU9wYB ?p=preview

和 HTML 像这样:

   <div class="col-xs-6 red">
      testing
    </div>
    <div class="col-xs-6 blue hidden">
      123
    </div>
Run Code Online (Sandbox Code Playgroud)

CSS 声明在打印过程中该列将被隐藏(在我的真实页面上,stle 不是hiddenbut hidden-print),这是预期的,但是现在是否有col-xs-6 rednow 占据隐藏的蓝色列留下的空白空间。

我知道您可以将样式覆盖col-xs-6width:100%,但这会影响页面上需要保留的其他列width: 50%

以前有人遇到过这个问题吗?如果有的话,你是如何解决的?

html css twitter-bootstrap twitter-bootstrap-3

4
推荐指数
1
解决办法
3389
查看次数