Bootstrap 3不均匀的标题颜色

时间:2015-05-03 00:10:04

标签: html css twitter-bootstrap responsive-design

我真的不知道如何用文字表达,所以这里是我真正需要创造但不知道怎么做的。

我正在使用最新版本的bootstrap

这是期望的效果 https://www.dropbox.com/s/uwq39tbswp44j1i/desired.jpg?dl=0

这就是我现在拥有的

https://www.dropbox.com/s/ksvgf9ohdmln6xe/Screenshot%202015-05-03%2002.01.19.png?dl=0

这是标记

<div class="container">
   <img class="img-responsive" src="logo.png">
   <h1>The text</h1>
</div>

所以你会推荐什么网站必须有响应,而在移动版本方面,我认为最好的情况sceneario可能是较小的字体或堆叠在彼此之上。

请帮助我,我非常绝望。

1 个答案:

答案 0 :(得分:0)

我们并不完全清楚你要求的是什么,但我会尝试一下。

我看到的第一个问题是您没有遵循正确的引导程序布局规则(请参阅http://getbootstrap.com/css/#grid)。以下是如何操作的示例。要保持项目水平排列,您需要<div class='row'>。以下是我认为您正在寻找的内容。

   <div class="container">
      <div class='row'>
         <div class='col-xs-3'>
            <img class="img-responsive"  src="http://www.xamalot.com/preview/png3/5e78c8d8-3f02-4e3c-9a3a-d95432c606e3" /> 
         </div>
         <div class='col-xs-9'>
            <h1>The text</h1>
         </div>
      </div>
   </div>

我已在http://jsbin.com/mafuxeyebu/1/edit?html,output

汇总了一份工作样本