반응형 Development/UI FrameWork8 [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 3] popover live 부트스트랩 팝오버 컴포넌트를 사용하려다 보면, live / on 으로 이벤트를 바인딩 해야할 경우가 있다.jsFiddle 에 누가 올려놓음. 링크 그래서~ 아래와 같이 HTML Initial trigger Add new Popover trigger $('body').popover({ selector: '.has-popover', trigger: 'hover' }); $('.add-one').on('click', function () { $('#popover-triggers').append("Added trigger") ;}); 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. 이전 1 2 다음 반응형