我真的不知道如何用文字表达,所以这里是我真正需要创造但不知道怎么做的。
我正在使用最新版本的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可能是较小的字体或堆叠在彼此之上。
请帮助我,我非常绝望。
答案 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>
汇总了一份工作样本