본문 바로가기
반응형

Development271

A4 용지 출력 웹페이지에서 프린트 출력할때 유용합니다. HTML A4 용지 세로 1 이어서 A4 용지 세로 2 이어서 A4 용지 세로 1 분리 A4 용지 세로 2 분리 A4 용지 가로 A5 용지 세로 A5 용지 가로 A3 용지 세로 A3 용지 가로 CSS body { background: rgb(204,204,204); } page { background: white; display: block; margin: 0 auto; margin-bottom: 0.5cm; box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); } page[size="A4"] { width: 21cm; height: 29.7cm; } page[size="A4"][layout="portrait"] { width: 29.7cm; he.. 2016. 9. 23.
[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.
반응형