출처 : 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 회원, 커뮤니케이션 등의 모듈 스킨을 사용하기 위해 필요한 애드온입니다.

  • profile
    한글을 번역하기 제일 힘들죠.
    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"> 엘리먼트를 추가하시거나
    기존 바디 엘리먼트에 클래스만 더 붙여서 사용하시면 됩니다.
    짧은 소견이었습니다.
  • profile profile
    감사합니다. 이해가 되었습니다. 적용해 봐야겠네요
  • ?
    제가 제작한 자료군요. 설명이 부족해서 죄송합니다 ㅠㅠ
    착한인연님 말씀대로 감싸주는 부분의 class에 bs3-wrap 속성을 넣어주시면 됩니다.
  • ? profile
    아닙니다. 기초조차 몰라서 이해를 못한 탓이지...
    윈컴이님의 다양한 자료들 감사히 잘 사용하고 있습니다.^^