css - HTML5 布局 DIV 尺寸

Question

我正在修改一个 HTML5 模板。 Bootstrap 参数的默认设置是:

• col-sm-12 col-md-4 col-lg-4
• col-sm-12 col-md-8 col-lg-8

这意味着拉丁文字占屏幕宽度的 20%，图片占 80%，但我希望反过来……文字占 80% 宽度，照片占 20%。

有人可以建议 Bootstrap 参数需要什么才能响应工作吗？我尝试了很多选项，但无法正确选择!

这是可能的还是我需要修改 CSS？

谢谢

完整代码如下:

<section id="ourteam" class="wow fadeInUp">
<div class="container">
  <div class="row">
    <div class="col-sm-12 col-md-4 col-lg-4">
      <h2>Meet our Team</h2>
      <div class="ourteamd">
        <p>Lorem ipsum dolor sit eros. Pellentesque nec vulpe eros.</p>
      </div>
    </div>
    <div class="col-sm-12 col-md-8 col-lg-8">
      <div class="responsive">
        <div> 
          <div class="third-effect">
            <img src="http://www.placehold.it/384x444" class="img-responsive" alt="Our Team">
            <div class="mask">
                <a href="#">Facebook</a>
                <a href="#" class="twitter">Twitter</a>
            </div>
          </div>

Answer 1

只需切换两列的大小值，4 变为 8，8 变为 4。