Duck's Log Duck's Log

부트스트랩

• Jquery UI와 부트스트랩 같이 사용할 때 주의점

  IT, 프로그래밍/Javascript 2018. 12. 3. 20:10

  Jquery UI와 부트스트랩을 함께 사용할 때 충돌이 일어나는 문제가 발생한다. 문제가 ToolTip을 사용할 때 서로 충돌이 일어나는데, 나 같은 경우는, 같은 HTML 소스가 계속 추가되었다. 이를 해결하기 위해서는 라이브러리 파일을 import 시킬 때, Jquery와 Jquery UI를 먼저 import 시킨 후에, 부트스트랩을 import 시켜야 한다.

  Read More
• 스프링 프로젝트에 부트스트랩 적용시키기

  IT, 프로그래밍/Spring 2018. 7. 16. 10:41

  먼저 마음에 드는 부트스트랩 파일을 다운받는다. 그리고 압축을 풀어보면 css, js, img 등 리소스들이 들어있는 폴더가 있을 것이다. 그걸 ctrl+c 해서 webapp 아래에 있는 resources 폴더에 붙여넣는다. 참고로 이 예제에서 리소스가 들어있는 폴더의 이름은 assets 이다. view인 JSP 파일에서 사용하려면 ${pageContext.request.contextPath}/resources/리소스 폴더 이름/... 이런식으로 구성해준다. ${pageContext.request.contextPath} 라는 건 현재 디렉토리의 절대 경로를 반환하는 EL 코드이다. 참고로 pageContext.request 를 이용하면 경로 외에 요청한 스킴(프로토콜), ip, 포트 번호 등도 얻을 수 ..

  Read More
• Bootstrap col-xs가 먹히지 않는 경우

  IT, 프로그래밍/HTML, CSS 2018. 7. 14. 18:23

  Bootstrap 4.0 버전 이상 부터는 col-xs-* 이 col-* 으로 변경 되었다고 한다. col-xs-offset-* 도 col-*으로 변경 되었음.

  Read More