SOURCE

<div class="row">
<div style="background-color:yellow" class="col-md-3 col-sm-4 col-xs-12">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;不要说话</div>
<div style="background-color:pink" class="col-md-6 col-sm-8 col-xs-12">
<table width="655" border="0">
<td colspan="2" style="background-color:pink">
<h2 align="center"> 陈奕迅</h2>
</td>
<tr width="150">
<td style="background-color:pink">
 搜索他所有歌曲: <input type="text" name="user">
<input type="搜索" value="搜索">
<div class="responsive">
<div class="img">
<img src="http://static.runoob.com/images/demo/demo2.jpg" alt="图片文本描述" width="300" height="200">
  </div>
<ol type="1">
<li>红玫瑰</li><br>
<li>背包</li><br>
<li>不要说话</li><br>
<li>浮夸</li><br>
<li>因为爱情</li><br> <li>富士山下</li><br> </ol>
<td styl="background-color:pink">
<form>
<tr>
<div class="responsive">
  <div class="img">
    <a target="_blank" href="http://static.runoob.com/images/demo/demo2.jpg">
      <img src="http://static.runoob.com/images/demo/demo2.jpg" alt="图片文本描述" width="300" height="200">
    </a>
    <div class="desc">这里添加图片文本描述</div>
  </div>
</div>
</tr>
 </table>
不要说话<br/>
  深色的海面铺满白色的月光，我出神望着海心不知飞哪去，听到他在告诉你，说他真的喜欢你，我不知该躲哪去 
  <div style="background-color:yellow" class="col-md-3 col-sm-12 col-xs-12">我曾起来的黎明，暖成咖啡，安静的拿给你，愿意用黑色的画笔描绘暗哑的语音，在安静都是给你，请用心听，不要说话。</div>
</div>

div.img {
    margin: 40px;
    border: 1px solid #ccc;
    float: right;
    width: 400px;
}