Good evening! Can't make text wrap fine.

That's what I have now. That is, the col-lg-5 picture is half a block.

col-lg-7 - text to the right of the picture

col-lg-12 - full-width text of the container

I need to somehow get rid of col-lg-12 , so that the text in one column to write and he was already going full-length under the image.

enter image description here

  <div class="container"> <div class="round-sep"></div> <div class="row"> <div class="col-lg-5"> <div class="romb"> </div> <div class="romb-date"> <div class="romb-text"> 13.04.2015 </div> </div> <div class="romb-img"> <img src="img/test.jpg"> </div> </div> <div class="col-lg-7"> <div class="record-text"> <h1>Заголовок</h1> <div class="record-text-h1-sep"></div> <h2>Заголовок 2</h2> <div class="record-text-sep"></div> <p> Длинный текст </p> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="text"> <p> Длинный текст </p> </div> </div> </div> </div>
  • Are you sure you should do it? And if, as a result, only one word remains under the image (the picture is big or the text is too small)? What is wrong with your current markup? - awesoon
  • When adapting to WordPress, you have to somehow divide the text of the post, which is very bad. - Samar
  • With WP did not work. It does not work to give the user the opportunity to specify two texts? - awesoon
  • Of course, you can write a plugin, but it will be superfluous and useless. - Samar

2 answers 2

I did not quite understand the essence of the question .. Do you need the text to be full width after the picture wrap? So just do not ask him a column, but leave it in .row .

 <div class="row"> <div class="col-lg-5"> <img src="" style="width:100%"> <div/> <div> Длинный текст </div> </div>

enter image description here

    Solved the question, the solution is not perfect, i.e. I have to ignore the main elements of layout on Bootstrap. But still it is a way out.

    http://dabblet.com/gist/7766924