2017-08-11 52 views
1
<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> 

我想要一行上面的代码,但它不与引导工作。列在引导程序中不起作用

+1

什么是不工作?有你包括引导js和css文件 –

+0

宽度:100可能是一个错字... – senz

+0

是的,我有@AtalShrivastava – Akram

回答

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>

您必须拥有浏览器的宽度检查,并给你现在已经全面使用的HTML代码。如果您需要两个并排的小屏幕,请使用“col-xs-*”。

+0

由于@Sunil Boricha所有现在好了。 – Akram

+0

我的荣幸@Akram –

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> 
相关问题