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>

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

Answer 1

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

Answer 2

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

＆＃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;

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

列在引导程序中不起作用

2 个答案: