2015-10-22 32 views
-1

我只是想创建一个简单的两列部分,但它不起作用。 其实这个问题已经困扰了我很长一段时间。有时我可以修复它,有时我不能。所以请帮助我!失败的引导程序网格系统

<section> 
<div class="cotainer"> 
    <div class="row"> 
     <div class="col-xs-6"> 
      <img src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/> 
     </div> 
     <div class="col-xs-6"> 
      <h1>Web-Design</h1> 
     </div> 
    </div> 
</div> 

这是什么样子:

this is what it's look like

回答

0

在您包括bootstrap.css HTML头和修复您的代码:检查类名,并添加IMG响应类这些列中的图像。

<div class="container"> 
    <div class="row"> 
     <div class="col-xs-6"> 
      <img class="img-responsive" src="../img/adobe-dreamweaver--Feature_1290x688_MS.jpg"/> 
     </div> 
     <div class="col-xs-6"> 
      <h1>Web-Design</h1> 
     </div> 
    </div> 
</div> 

接下来就是阅读Bootstrap文档:http://getbootstrap.com

+0

它仍然不起作用。 – IanfromTaiwan

+0

不知道别的我假设你的bootstrap.css加载不正确。 – mMoovs