我在Bootstrap中有两列，我想只有正确的列由用户打印。
添加"d-print-none"在左列上，打印时隐藏左列。但是，右列不会拉伸到全宽。color -md-8 width似乎仍然适用于列的宽度。
我尝试添加一个类" color -print-12"没有成功。
.col-print-12 {
width: 100% !important;
margin-left: 0;
}<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<body>
<div class="container-fluid">
<div class="row">
<div class="d-none d-md-block col-md-4 col-lg-3 col-xl-2 d-print-none">
Sidebar to hide when printing
</div>
<div class="col-12 col-sm-12 col-md-8 col-lg-9 col-xl-10 col-print-12">
Main content to print
</div>
</div>
</div>
</body>尝试在第二个元素上使用colclass来自动适配它:
<div class="container-fluid">
<div class="row">
<div class="border d-none d-md-block col-md-4 col-lg-3 col-xl-2 d-print-none">
Sidebar to hide when printing
</div>
<div class="border col">
Main content to print
</div>
</div>
</div>
(我添加了border类，使元素的宽度可见)