본문 바로가기
반응형

부트스트랩7

[BootStrap 3] ScrollSpy 부트스트랩 스크롤 스파이 엘리먼트에 적용링크 : http://tutsme-webdesign.info/bootstrap-3-scrollspy/ One Two Three Four OnePellentesque habitant morbi tristique senectus et netus ... metus TwoPellentesque habitant morbi tristique senectus et netus ... metus ThreePellentesque habitant morbi tristique senectus et netus ... metus FourPellentesque habitant morbi tristique senectus et netus ... metus 2016. 6. 19.
[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 Popover Methods Popover Example Click on the buttons to manually control the popover above: Show Hide Toggle Destroy 2016. 6. 19.
[BootStrap] Tooltip Styling 부트스트랩 툴팁에 대한 스타일링~ HTML Tooltip on bottom CSS .red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;} .red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00; } JS $(document).ready(function(){ $("a").tooltip(); }); 2016. 6. 19.
부트스트랩 페이징 가운데 정렬(Center) 부트스트랩에서 페이지네이션 목록을 가운데 정렬할때마다 좀 짜증나는데;;구글링해보니 생각보다 간단했다. 부트스트랩에서 페이지네이션은 아래와 같은 코드로 되있을것이다. 1 2 3 ... 4 500 암튼 그래가지고 저기에서 요소에 display 속성을 inline-block 으로 해줌 생각보다 간단.^^ 2014. 10. 28.
반응형