본문 바로가기

Development/WebUI FrameWork | BootStrap

[BootStrap 3] ScrollSpy 부트스트랩 스크롤 스파이 엘리먼트에 적용링크 : http://tutsme-webdesign.info/bootstrap-3-scrollspy/ <body> <div class="container"> <nav id="target_nav" class="col-md-3"> <ul class="nav list-group"> <li class="list-grou..
[BootStrap 3] popover Example 링크1 : http://www.w3schools.com/bootstrap/bootstrap_ref_js_popover.asp링크2 : http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_popover_methods&stacked=h <!DOCTYPE html> <html lang="en"> <head> <title&..
[BootStrap 3] popover live 부트스트랩 팝오버 컴포넌트를 사용하려다 보면, live / on 으로 이벤트를 바인딩 해야할 경우가 있다.jsFiddle 에 누가 올려놓음. 링크그래서~ 아래와 같이HTML <div id="popover-triggers"> <a class="btn has-popover" data-content="Hello world">Initial trigger</a> </div> <a class="btn bt..
[BootStrap] Tooltip Styling 부트스트랩 툴팁에 대한 스타일링~HTML <a href="#" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Tooltip on bottom" class="red-tooltip">Tooltip on bottom</a> CSS .red-tooltip + .tooltip > .tooltip-inner {background-color: #..
부트스트랩 페이징 가운데 정렬(Center) 부트스트랩에서 페이지네이션 목록을 가운데 정렬할때마다 좀 짜증나는데;;구글링해보니 생각보다 간단했다.부트스트랩에서 페이지네이션은 아래와 같은 코드로 되있을것이다. <div class="pagination"> <ul> <li class="first"><i class="icon-first-2"></i></li> <li class="prev">&..
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | 1. General CSS Metro UI CSS 2.0 BootStrap GuideBase CSSGeneral CSSGlobal StylesColors*-black*-white*-lime*-green*-emerald*-teal*-cyan*-cobalt*-indigo*-violet*-pink*-magenta*-crimson*-red*-orange*-amber*-yellow*-brown*-olive*-steel*-mauve*-taupe*-gray*-dark*-darker*-tr..
Metro UI CSS 2.0 BootStrap - Guide 1. Base CSS | Requirements Metro UI CSS 2.0 BootStrap Guide본문 : http://metroui.org.ua/※ 가끔씩 여기 웹사이트가 에러날때는 식겁합니다. 열심히 보고 하는데, 찾을 수 없다고 할때가 가끔 있더군요.해서 파일 다운로드는 및 가이드를 볼 수가 없게되면;; 어휴;;이 부트스트랩 기반으로 개발된 웹서비스가.. 상상도 하기 싫군요.해서 번역은 아니고 그냥 제가 가이드를 보면서 이해한 정도의 수준으로만 가이드 형식의 포스팅을 합니다...
메트로UI (MetroUI) 부트스트랩 윈도우8 스타일의 웹사이트를 구현하려던 도중 메트로UI 도 부트스트랩이 있더라구요.이미 많은 분들이 알고 사용하고 계시겠지만 꾸역꾸역 포스팅합니다. 이미지를 클릭하시면 링크로 이동합니다.상단의 네비게이션을 보면 다음과 같습니다.Base CSSRequirements : 부트스트랩을 설치하고 웹페이지에 적용시키는 과정설명General CSS : Global 로 사용하는 스타일, 그리드 구성, 타이포그라피, 테이블, 폼, 버튼, 이미지R..