1. 사이드 레이아웃 설정은 이윰환경설정에서 오른쪽으로 설정한다.

2. 그누보드5/eyoom/theme/설치된 테마/layout/head_bs.html 를 열어 아래 예제처럼 사용자 임의의 class(예:main-box)를 추가한다.

<div class="basic-bs-main {? eyoom.pos_side_layout == 'left'}right{:}left{/}-main col-md-9 main-box"> 

3. 그누보드5/eyoom/theme/설치된 테마/layout/side_bs.html 를 열어 아래 예제처럼 사용자 임의의 class(예:side-box)를 추가한다.

<div class="basic-bs-main {? eyoom.pos_side_layout == 'left'}right{:}left{/}-main col-md-9 side-box"> 

4. 그누보드5/eyoom/theme/설치된 테마/css/custom.css 에 아래와 스타일 정의를 추가한다.

@media (min-width:992px){
    .main-box {float:right !important}
    .side-box {float:left !important}
} 

메인과 사이드 레이아웃(col-md-9, col-md-3) 각각의 클래스명에 flaot 속성 스타일을 줘서 디바이스 화면 넓이 992px 이상에세 메인 레이아웃은 오른쪽으로 사이드 레이아웃은 왼쪽으로 위치하게 만든다.
991px 이하에서는 콘텐츠의 위치에 따라 메인이 먼저 위에 위치하게 된다.
레이아웃 반대의 경우 float속성을 반대로 하면 되며 변경에 따라 스타일은 맞게 수정하면 된다.