css - 展开用于打印的 Bootstrap 导航选项卡

Question

当我从浏览器打印页面时，如果可能的话，我希望能够看到所有选项卡内容。目前，我只能看到当前选项卡。

有没有办法扩展所有单独的选项卡内容以仅供打印？

    <ul class="nav nav-tabs" id="tabs">
        <li class="active"><a href="#tabs-1" data-toggle="tab">Property</a></li>
        <li><a href="#tabs-2" data-toggle="tab">Map</a></li>
        <li><a href="#tabs-3" data-toggle="tab">Owner</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane active" id="tabs-1">
            <dl class="dl-horizontal">
              <dt>
                :
    </div>

Answer 1

添加用于打印的 CSS，具体取决于您隐藏选项卡的方式，将其更改为相反的方式是一种可能的解决方案。例如像这样的东西“可以”工作:

@media print {
  ul.nav-tabs li {
    display: block;
  }
 }