同じ行のdivは一緒に表示されません

Question

テキストと画像の2つの行を分割しようとしています。しかし、divのサイズをどのように設定しても、別々の行に表示されます。

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-12"> 
     <ul class="nav"> 
     <li><a class="home" href="#home>">Home</a><li> 
     <li><a href="#about">About</a></li> 
     <li><a href="#portfolio">Portfolio</a></li> 
     <li><a href="#contact">Contact</a></li> 
     </ul> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-md-6" id="first">JUSDHFLKSADHFLK</div> 
    <div class="col-md-6" id="second">JKSDNF,ASDNF,ASD</div> 
    </div> 
</div> 

私はこの単純な問題について苦労し、ドキュメントを詳しくチェックしました。私は何か簡単なものを逃しています

コードがそこにはCSSがなく、幅がCOL-MD

ための十分な大きさである

codepen.io使用して書かれているが

Answer 1

があなたを行いますどのdisplay:inline-block;をご希望の幅を設定いただき、ありがとうございますdivを指定した幅に正確に合わせる

Answer 2

ブートストラップが正しくロードされている場合は、col-md-6の小さすぎる画面にロードしている可能性があります。私はcodepen設定:)助けを

おかげで、ブートストラップ用の外部CSSを含めるのを忘れて>https://jsfiddle.net/mmcshinsky/kgb52j3e/

Answer 3

- ここcol-xs-6を使用した作業の例では、そう、あなたが並べて作業し、それらを見ることができますです！