列がブートストラップで機能しない

Question

<div class="row"> 
    <div class="col-md-6"> 
     <img class="title-logo" src="logo.jpg" height=100 width:100 alt="mainlogo"> 
    </div> 
    <div class="col-md-6 text-right text-uppercase"> 
     <h1 class="titel-super text-thin">Live Aider</h1> 
     <h4>A Plateform where you can interact</h4> 
</div> 
</div> 

上記のコードで2つの列があり、ブートストラップでは機能しない行が必要です。

Answer 1

私はあなたのコードをテストしています、そのうまく動作します。 私はあなたのコードを両方のカラムで完璧に動作するようにコピーして貼り付けます。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row"> 
 
    <div class="col-md-6"> 
 
     <img class="title-logo" src="http://www.ikoreadaily.co.kr/news/photo/201512/217773_113769_5446.JPG" height=100 width:100 alt="mainlogo"> 
 
    </div> 
 
    <div class="col-md-6 text-right text-uppercase"> 
 
     <h1 class="titel-super text-thin">Live Aider</h1> 
 
     <h4>A Plateform where you can interact</h4> 
 
</div> 
 
</div>

あなたは、ブラウザの幅をチェックして、あなたが今使用している完全なHTMLコードを与えている必要があります。両方の列が並んでいる小さな画面が必要な場合は、 "col-xs-*"を使用してください。

Answer 2

コンテナdiv内のすべてをラップしてみてください。また、img width属性にタイプミスがあります。

<div class="container"> 
    <div class="row"> 
    <div class="col-md-6"> 
     <img class="title-logo" src="logo.jpg" height=100 width=100 alt="mainlogo"> 
    </div> 
    <div class="col-md-6 text-right text-uppercase"> 
     <h1 class="titel-super text-thin">Live Aider</h1> 
     <h4>A Plateform where you can interact</h4> 
    </div> 
</div> 
</div>