[JQuery_3]bootstrap 기본 메뉴 사용하기
부트스트랩은 css조절 뿐 아니라 동적인 효과를 줄 수 있습니다. 자바스크립트를 통해서 여러가지 효과를 주는 방법을 이제 알아보도록하겠습니다. 역시나 따로 자바스크립트를 적어줄 필요없이 간단하게 클래스명을 걸어주는 방식으로 동작하게 만들 수 있습니다. (밑에 예시들은 모두 부트스트랩과 제이쿼리가 연결된 html문서에서 작동합니다.) 1.bootstrap으로 […]
부트스트랩은 css조절 뿐 아니라 동적인 효과를 줄 수 있습니다. 자바스크립트를 통해서 여러가지 효과를 주는 방법을 이제 알아보도록하겠습니다. 역시나 따로 자바스크립트를 적어줄 필요없이 간단하게 클래스명을 걸어주는 방식으로 동작하게 만들 수 있습니다. (밑에 예시들은 모두 부트스트랩과 제이쿼리가 연결된 html문서에서 작동합니다.) 1.bootstrap으로 […]
부트스트랩은 쉬고, 간단하게 웹 개발을 위해서 제작된 워크프레임입니다. 최신 웹트랜드인 반응형웹을 제작하기 적합하고, 다양한 기능들을 쉽게 사용할 수 있다는 장점있습니다. 그럼 지금부터 bootstrap을 사용해 보도록하겠습니다. 1.bootstrap 연결하기 (부트스트랩 공식홈페이지 주소:http://bootstrapk.com) 부트스트랩 공식홈페이지 접속하면 부트스트랩을 다운받을 수 있습니다. 부트스트랩은 jQueryUI와 마찬가지로 […]
rails 2에서는 기본적으로 제공하는 prototype.js가 jquery와 충돌을 한다. 따라서 jquery가 충돌이 나지 않도록 설정을 해 주어야 한다. 본 포스팅은 jquery 1.10.1과 bootsratp 3.2에서 테스트 되었다. 레이아웃 파일에 다음과 같은 순서로 기술해 준다. 순서에 주의하자. 반드시 defaults 를 제일 먼저 써줘야 […]