列在引导程序中不起作用

时间:2017-08-11 11:49:29

标签: twitter-bootstrap

<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>

我想要一行包含上面代码的两列但不能使用bootstrap。

2 个答案:

答案 0 :(得分:0)

尝试将所有内容包装在容器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>

答案 1 :(得分:0)

我测试你的代码,它运作良好。 我只需要复制粘贴你的代码就可以完美地使用两列。

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

您必须检查浏览器宽度并提供您现在使用的完整HTML代码。如果您需要并排显示两个列的小屏幕,请使用&#34; col-xs-*&#34;。