HOW TO DISPLAY SOME ITEM IN BBS PAGE - VERY IMPORTANT THIS

Bootstrap Studio Help
1

Good morning everybody. I need an urgent help.

I create a page with a team of 3 persons horizontally. A woman Man and Woman. You can see on this page http://micad.radioemmaus.net/helpassets.html. Now when i visite this page on my mobil (phone), i see the photo of the first woman after the man and woman. MY NEED - how can set in BBS to have the image of the man before the woman when i visit the page on mobil ?

My question is how to set the order that item will display on phone Ipad and destop.<br /> BBS CREATOR HELP US. WE NEED A CLEAR RESPONSE.

SEE THE IMAGE FIRT 3 images on destop

on mobile

THANKS

2

Hello Html is rendered left to right. So whatever is at the left end comes first, put the image of the man (Larry Parker) in the place where the left picture (Kay Garland) is. That should solve the problem.

3

You can use the ORDER property since you are using BS4 and flexbox for your Rows/Columns.

Select the first column col-sm-4 and go to the Options pane (top/right) expand the Flexbox section then expand the Order section. Set the Order to 2 then for SM set to 1 Select the second column, Set the Order to 1 then for SM set to 2 Select the third column, Set the Order to 3

So in the end it should look like the following

<div class="row">
    <div class="col-sm-4 order-2 order-sm-1">
        <div class="team-member"><img src="helpassets/img/Kay.jpg" />
            ...
        </div>
    </div>
    <div class="col-sm-4 order-1 order-sm-2">
        <div class="team-member"><img src="helpassets/img/Larry.jpg" />
            ...
        </div>
    </div>
    <div class="col-sm-4 order-3">
        <div class="team-member"><img src="helpassets/img/Diana.jpg" />
            ...
        </div>
    </div>
</div>

In mobile view you will get Larry/Kay/Dianna and then in table+ view you should get Kay/Larry/Dianna

Saj