Question

左边是col-md-6是tekst，字体大小为50px;右边是响应图片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容器。我也切换到较小的断点，以便它在演示中正确显示

＆＃13;

<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>

＆＃13;

两个col-md-6无法响应

1 个答案: