HTML5 Разпределение DIV sizings - html, css, html5, twitter-bootstrap-3

Работя върху изменение на шаблон HTML5. Настройката по подразбиране на параметрите Bootstrap беше:

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

Това означаваше, че латинският текст заема 20% от ширината на екрана, а снимките 80%, но искам обратното ... Текстът заема 80% ширина, снимка 20%.

Може ли някой да Ви посъветва какви трябва да бъдат параметрите за зареждане, за да се отговори на работата? Опитах много опции, но не мога да се оправя!

Възможно ли е това или трябва да преразгледам 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="/images/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>

Отговори:

Просто превключете стойността на размера на двете колони, 4 става 8, а 8 става 4.

Опитайте с кода по-долу.

<div class="row">
<div class="col-sm-12 col-md-8 col-lg-8">
<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-4 col-lg-4">
<div class="responsive">
<div class="third-effect">
<img src="/images/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>
</div>
</div>