当打印我的应用程序中的页面时,我想隐藏侧面导航并将主要内容的宽度扩展为完整的 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(使用前将#替换为@)