Text Wrapping

[Guest]

Hi

In previous BS "versions" with help I managed to prevent text wrap on the product info page. However the latest code has seems to have  changed this. I can manage to get the description underneath the image, but I would like to have the text beside the image and not wrapping around it.

 

What do I need to do.

 

Many thanks

 

Grandpa

BS234

[De Dokta]

Hi

 

Put it in rows:

 

 <div class="row">
    

     <div class="col-sm-4">
<-- Code image -->

    </div>

     <div class="col-sm-8">
<-- Code description -->

    </div>

 

</div>

 

J.J.

[Guest]

@@De Dokta

 

Hi JJ

 

Many thanks

 

Ive put

 

<div class="col-sm-3"> ( for image)

 

<div class="col-sm-8  "> ( for description )

 

However I feel this may not be strictly correct, but it does then show description how I would like it, Description content  has a "margin" down right hand side and not hard up against the page edge.

 

Cheers

Grandpa

[greasemonkey]

@@grandpaj @@De Dokta I'm so using this.... thank you....

[De Dokta]

<div class="col-sm-3"> ( for image)

 

<div class="col-sm-8  "> ( for description )

 

However I feel this may not be strictly correct, but it does then show description how I would like it, Description content  has a "margin" down right hand side and not hard up against the page edge.

 

@@grandpaj

 

If you want to avoid that "margin", make sure that the sum of your col- is always12.  E.g. <div class="col-sm-3"> + <div class="col-sm-9"> or <div class="col-sm-4"> + <div class="col-sm-4"> + <div class="col-sm-4"> etc.

 

J.J.