は隠され-XSは私がちょうど隠され-SMをなど、隠れた-XSを知ったので、これはどんなのレビューdiv要素を隠していません。..</p> <p>どのように来る最初の時間のためにそれをしようとしています

Question

を働いていないブートストラップ画面サイズ？ここで

<div class="row hidden-sm"> 
    <div class="col-xs-12"> 
     <result-reviews [result]='selectedResult?.result.result'></result-reviews> 
    </div> 
</div> 

は、私のコードの詳細です：

<div class="modal-body"> 
    <div class="container-fluid"> 
     <div class="row"> 
     <div class="col-lg-7"> 
      <div class="row"> 
       <div id="image-div" class="col-sm-5 col-lg-5"> 
        <result-image [result]='selectedResult?.result.result'></result-image> 
       </div> 
       <div class="col-sm-7 col-lg-7"> 
        <result-attributes [result]='selectedResult?.result.result'></result-attributes> 
       </div> 
      </div> 
      <div class="row hidden-sm"> 
       <div class="col-xs-12"> 
        <result-reviews [result]='selectedResult?.result.result'></result-reviews> 
       </div> 
      </div> 
     </div> 
     <div class="col-lg-5"> 
      <div id="shops-section"> 
       <div id="map" #map></div> 
       <ul> 
        <li *ngFor="let shop of selectedResult?.result.result.nearbyShops"> 
        <div class="shop-details"> 
         {{ shop.name }} 
        </div> 
        </li> 
       </ul> 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

Answer 1

どのバージョンのブートストラップを使用していますか？ブートストラップ4アルファに隠され-XSクラス（およびSM、MD、...）、ここで説明したように隠された-XSアップや隠された-XSダウンに置き換えられています http://v4-alpha.getbootstrap.com/layout/responsive-utilities/

Answer 2

これは、任意の画面サイズのレビューのdiv要素を隠していませんどのように来ますか？

ブートストラップドキュメントのこの部分を読む：http://getbootstrap.com/css/#responsive-utilities-classes

hidden-smは768と992px幅のサイズに適用されます。

Answer 3

それはd-none d-sm-block!トライで動作しますあなたが部門を隠したい場合はこれ。

参考のため、これはリンクですGetbootstrap Migration