两个col-md-6不能与响应一起工作

Question

左边是col-md-6是字体大小为50px的tekst；右边是响应图片col-md-6。文本没有响应。文本无法适应屏幕大小如何修复。

<div id="prvideo">
  <div class="container-fluid">
    <div class="col-xs-12 col-sm-6">
      <p><em>AKTUELNOSTI U VOĆARSTVU DANAS</em> </p>
    </div>
    <div class="col-xs-12 col-sm-6">
      <img src="img/1.jpg" class="img-responsive" alt="malina">
    </div>
  </div>
</div>

Answer 1

看看这里的一些要点：http://getbootstrap.com/css/#grid

您的代码中缺少row容器。我还切换到了较小的断点，这样它就可以在演示中正确显示

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<div id="prvideo">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-6">
        <p><em>AKTUELNOSTI U VOĆARSTVU DANAS</em></p>
      </div>
      <div class="col-xs-6">
        <img src="img/1.jpg" class="img-responsive" alt="malina">
      </div>
    </div>
  </div>
</div>