ブートストラップ行消滅

Question

私はいくつかの行を含むフォームを持っていますが、そのうちの1つが消えています。

ソースコードは次のようになります。

私の知る限り、このコードは正常に見えるが、これは、それが表示されますときに変わるものです言うことができるように

<div class="container-fluid"> 
<div class="row"><!--works fine--> 
    <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
     ... 
    </div> 
</div> 
<div class="row"> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"><!--this div contains thing2--> 
     <h1>thing1</h1> 
    </div> 
</div> 
<div class="row"><!--this row dissapears--> 
    <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"><!--this div is gone--> 
      <h1>thing2</h1> 
    </div> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
</div> 
<div class="row"><!--works fine--> 
    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12"> 
     ... 
    </div> 
</div> 

。

<div class="container-fluid"> 
<div class="row"><!--works fine--> 
    <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
     ... 
    </div> 
</div> 
<div class="row"> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
     ... 
    </div> 
    <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"><!--this div contains thing2--> 
     <h1>thing1</h1> 
     <h1>thing2</h1> 
    </div> 
    <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
     ... 
    </div> 
</div> 
<div class="row"><!--works fine--> 
    <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12"> 
     ... 
    </div> 
</div> 

これはthing1とthing2が自分の行に一緒にしていないように見える、と私は理由は分からないことができます。

Answer 1

私の問題は、ブートストラップではないことが判明しました。あなたにそれを再現できないと言及してくれてありがとう、深く掘り下げました。問題は部門内のものであることが判明しました。自己閉鎖タグ付きの角度選択要素でした。通常の終了タグに変更するとすべてが修正されました。私はそれが重要ではないと思って投稿した前に確認しなかったので除外しました。

Answer 2

このコードは正常に動作します。あなたのCSSファイルまたはブートストラップライブラリを確認してください。 ブートストラップcdn linkを使用してください。

Answer 3

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container-fluid"> 
 
    <div class="row"><!--works fine--> 
 
     <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
 
     ... 
 
     </div> 
 
     <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"> 
 
     ... 
 
     </div> 
 
    </div> 
 
    <div class="row"> 
 
     <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
 
     ... 
 
     </div> 
 
     <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
 
     ... 
 
     </div> 
 
     <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
 
     ... 
 
     </div> 
 
     <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"> 
 
     ... 
 
     </div> 
 
     <div class="col-xs-12 col-lg-2 col-md-2 col-sm-2"><!--this div contains thing2--> 
 
     <h1>thing1</h1> 
 
     </div> 
 
    </div> 
 
    <div class="row"><!--this row dissapears--> 
 
     <div class="col-xs-12 col-lg-6 col-md-6 col-sm-6"><!--this div is gone--> 
 
     <h1>Row that disappears.</h1> 
 
     </div> 
 
     <div class="col-xs-12 col-lg-3 col-md-3 col-sm-3"> 
 
     
 
     </div> 
 
    </div> 
 
    <div class="row"><!--works fine--> 
 
     <div class="col-lg-12 col-sm-12 col-md-12 col-xs-12"> 
 
     Last Row 
 
     </div> 
 
    </div>

コードは問題@Trevorを持っていないようです。私はそれを実装しただけで、それは私にとってうまくいきます。あなたの問題を誤解しているかどうかを教えてください。