출처 : https://xe1.xpressengine.com/?mid=download&package_srl=22537451
위의 공홈에서 애드온을 설치하려고 하는데, 글 내용중에 아래처럼
"충돌을 방지하기 위해 상위 요소에 .bs3-wrap을 추가 해야합니다." 라는 말을 이해를 못하겠습니다.
상위 요소라면 어느 부분에 어떻게 추가를 해야 하는지 여쭤봅니다.
소개
Twitter Bootstrap 3 CSS를 XE에 불러옵니다. 단, 레이아웃 등의 충돌을 방지하기 위해 상위 요소에 .bs3-wrap을 추가 해야합니다.
<div class="bs3-wrap">
<a href="#" class="btn btn-primary">버튼</a>
</div>
애드온 형식이 불편하신 분은 레이아웃 CSS에 bootstrap.min.css 내용을 넣으시면 됩니다.
Simplestrap 레이아웃이 아닌, 타 레이아웃에서 Simplestrap 회원, 커뮤니케이션 등의 모듈 스킨을 사용하기 위해 필요한 애드온입니다.
bootstrap 스타일을 사용하시려면
레이아웃에서 bootstrap.min.css를 로드해서 사용해도 되지만
애드온을 사용하신다면
"레이아웃 등의 충돌을 방지하기 위해 상위 요소에 .bs3-wrap을 추가 해야합니다."
이말의 상위요소란 그 엘리먼트를 가지고 있는 부모요소입니다.
예를 든다면 다음과 같은 버튼이 있다고 한다면
<button type="button" class="btn btn-danger">위험</button>
그 버튼을 감싸주는 엘리먼트를 추가해줘야 적용이 된다는말입니다.
<div class="bs3-wrap">
<button type="button" class="btn btn-danger">위험</button>
</div>
그러므로 크게 본다면 사용하시는 레이아웃에 상단에<div class="bs3-wrap"> 엘리먼트를 추가하시거나
기존 바디 엘리먼트에 클래스만 더 붙여서 사용하시면 됩니다.
짧은 소견이었습니다.