Css 在横向模式下打印时如何删除左列_Css_Html_Twitter Bootstrap_Printing Web Page

Css 在横向模式下打印时如何删除左列

css html twitter-bootstrap

Css 在横向模式下打印时如何删除左列,css,html,twitter-bootstrap,printing-web-page,Css,Html,Twitter Bootstrap,Printing Web Page,Bootstrap 3购物车左侧包含产品树，右侧包含产品图像： <body> <div class="container"> <section class="row">  <div class="col-lg-3 col-md-4 col-sm-5"> <div id="LeftPa

Bootstrap 3购物车左侧包含产品树，右侧包含产品图像：

<body>
    <div class="container">
       <section class="row">
        <!--  Left column: product tree -->
         <div class="col-lg-3 col-md-4 col-sm-5">
            <div id="LeftPane" class="site-leftpane custom-collapse">
               <button class="collapse-toggle visible-xs" type="button" data-toggle="collapse" data-parent="custom-collapse" data-target="#side-menu-collapse">
                            <span class="">Tootepuu</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>

                        <ul class='tree list-group collapse' id="side-menu-collapse">


<li>
    <a href="/Store/Category?category=1">Product tree item 1</a>
</li>

<li>
    <a href="/Store/Category?category=1">Product tree item 2</a>
</li>
...
  </div>
  </div>
  </div>

<!--  right column: product images -->
<div class="col-lg-9 col-md-8 col-sm-7">
                <div class="site-maincolumn">
             ...

这只会使两个图像列居中

如何在横向模式下打印更多图像列？

您可以创建一个特殊类，以便在打印期间使列变宽

例如：

@媒体打印{
.col-print-12{
宽度：100%！重要；
}
}

即使使用此类课程，您也有问题吗？@pbenard。我添加了

隐藏打印

类，但仍然只显示2个图像列。如何在横向模式下打印更多图像列。我更新了问题

            <div class="col-lg-3 col-md-4 col-sm-5 hidden-print">