동해둘리의 IT Study

1. Bootstrap components Bootstrap (부트스트랩)에서 제공하는 기능을 이용하여 Button 을 사용하는 경우, 아래와 같이 사용하게 된다. 1 cs 이때, 버튼에 추가적인 기능을 넣을 수 있는데 대표적인 것이 GlyphsIcon (상형아이콘) 이다 다음과 같이 다양한 아이콘이 제공되는데, 이것을 버튼에도 넣을 수 있다. 아래와 같이 사용하면 된다. 1 2 3 4 5 6 7 Star Colored by Color Scripter cs 버튼의 크기는 다음과 같이 조절할 수 있다 1 2 3 4 5 Large Default Medium Small XSmall cs

IT공부방/HTML5, CSS 2016. 8. 2. 10:49

Bootstrap Framework 는 Front-end 웹 개발을 빠르고 편하게 하기위한 프레임워크로서, 하나의 프레임워크를 사용하여 서로다른 기종에서도 동일한 인터페이스를 구현하기위해 사용됩니다. http://getbootstrap.com/ 특히, 반응형 웹개발시 활용도가 높다. 대표적이니 기능은 다음과 같다 . 1. CSS 기능 HTML 태그들에대한 다양한 스타일을 제공하고 있으며, 가로/세로 변환에 따른 뷰의 변화또한 가능하다. 2. 컴포넌트 기능 Bootstarp 에서 제공하는 디자인이나 컴포넌트에, 사용자가 내용을 넣어서 사용하는 방식 jQuery 와 유사한 방식이며, 네비게이션바, 버튼, 리스트 등의 기능을 쉽게 만들 수 있다. 3. 자바스크립트 기능 Bootstrap 의 각 요소가 사용자와..

IT공부방/HTML5, CSS 2016. 7. 31. 14:21