묻고답하기
xe로 부트스트랩적용을 어떻게하나요..?
2018.01.02 12:53
안녕하세요 !
이번에 XE 처음으로 다뤄보는데요 .
XE기반에 부트스트랩을 적용시킬수 있더라구요
그런데 제가 처음이라 뭐가뭔지 모르겠어서 디자인과 레이아웃 꾸밀때 부트스트랩으로 클래스명과 CSS를 다 적용시키려하는데
이걸 어떻게 적용시키나요..? 친절하게 알려주실 고수님들 부탁드려요!!
댓글 4
-
이근동
2018.01.03 16:24
-
원샷
2018.01.03 17:43
코딩을 하긴하지만 잘하지는 못해서요! 기본레이아웃 XEDITION에서 중간내용(위젯인가요 이게..?)부터
부트스트랩 적용시켜서 코딩했거든요 .. 그런데 헤더부분하고 푸터부분도 다 먹혀서요
중간 레이아웃만 코딩하고싶은데 전체를 적용 안되게하려면 어떻게하는지 궁금해서요 !!
http://joona1364.cafe24.com
이게 지금 작업중인 페이지입니다!! 다시한번 봐주시면 정말 감사하겠습니다 ㅠㅠ
이해가 잘 안가시죠 ㅜ 죄송합니다.
-
DoorWeb
2018.01.04 17:43
그게 힘들겁니다. 아마
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
이 부분때문일건데요.
안걸리게 하고 싶은 부분을 하나씩 찾아서
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
이걸 거셔야 할겁니다.
참고는 https://www.w3schools.com/cssref/css3_pr_box-sizing.asp 보시면 이해가 쉬우실겁니다.
-
원샷
2018.01.04 21:49
봐주셔서 정말 감사합니다 !! 그러면 적용되지않게하려면 그부분을 하나하나 다 수정해야하는거군요 ㅠㅠ
링크도 걸어주시고 감사합니다!!
부트스트랩은 부트스트랩가져와서 코딩페이지를 만든다음에 xe layout 화하는게 방법인데
부트스트랩 최신버젼을 다운받고 최상단에 부트스트랩을 정의합니다.
위와 같은 방법으로 불러옵니다. 그러고 난 후
코딩을 해본적 있으신 분이라면
http://bootstrapk.com/css/
여기에 나와있는대로 코딩하면되고 첨해보시는 분이라면
아마 주변에 도움주실분이 있어야된다고 생각됩니다.