<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。
答案 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)
我测试你的代码,它运作良好。 我只需要复制粘贴你的代码就可以完美地使用两列。
<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;
您必须检查浏览器宽度并提供您现在使用的完整HTML代码。如果您需要并排显示两个列的小屏幕,请使用&#34; col-xs-*
&#34;。