{"id":1448,"date":"2017-05-30T15:02:39","date_gmt":"2017-05-30T13:02:39","guid":{"rendered":"http:\/\/developer.edokumenty.eu\/?page_id=1448"},"modified":"2017-05-30T15:08:51","modified_gmt":"2017-05-30T13:08:51","slug":"bootstrap","status":"publish","type":"page","link":"http:\/\/developer.edokumenty.eu\/index.php\/dokumentacja-online-systemu-edokumenty\/dostep-i-przetwarzanie-danych\/bootstrap\/","title":{"rendered":"Bootstrap"},"content":{"rendered":"<p>System eDokumenty pozwala na u\u017cywanie biblioteki Bootstrap (<a href=\"http:\/\/getbootstrap.com\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">dokumentacja<\/a>) w celu projektowania w\u0142asnych raport\u00f3w oraz innych customowych rozwi\u0105za\u0144. W celu u\u017cycia komponent\u00f3w nale\u017cy utworzy\u0107 kontener z klas\u0105 \"ready-bootstrap\", a nast\u0119pnie korzysta\u0107 ze standarowych komponent\u00f3w u\u017cytych w bibliotece Bootstrap. W celu wy\u015bwietlenia dynamicznych danych w dalszym ci\u0105gu nale\u017cy korzysta\u0107 z kod\u00f3w flexy.<\/p>\n<p>Przyk\u0142adowy prosty kod u\u017cywaj\u0105cy systemu \"grid\" wy\u015bwietlaj\u0105cy dwa przyciski.<\/p>\n<div class=\"code-highlight code-highlight-with-label\" data-label=\"HTML\"><span class=\"js-copy-to-clipboard copy-code\">copy<\/span>\n\t<pre><code class=\"language-markup js-code\">\n&lt;div\u00a0class=\"ready-bootstrap\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"container\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"row\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"col-xs-6\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;button\u00a0class=\"btn\u00a0btn-success\u00a0btn-block\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Zaakceptuj\u00a0faktur\u0119\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;div\u00a0class=\"col-xs-6\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;button\u00a0class=\"btn\u00a0btn-danger\u00a0btn-block\"&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Odrzu\u0107\u00a0faktur\u0119\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/button&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\r\n\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;\r\n&lt;\/div&gt;\n<\/code><\/pre><\/div>\n<p>Na chwil\u0119 obecn\u0105 dost\u0119pne s\u0105 jedynie niekt\u00f3re elementy CSS:<\/p>\n<ul>\n<li>Print media styles<\/li>\n<li>Typography<\/li>\n<li>Code<\/li>\n<li>Grid system<\/li>\n<li>Tables<\/li>\n<li>Forms<\/li>\n<li>Buttons<\/li>\n<li>Responsive utilities<\/li>\n<li>Button groups<\/li>\n<li>Input groups<\/li>\n<li>Labels<\/li>\n<li>Badges<\/li>\n<li>Media items<\/li>\n<li>Panels<\/li>\n<\/ul>\n<div class='w3eden'><!-- WPDM Link Template: Default Template -->\n\n<div class=\"link-template-default card mb-2\">\n    <div class=\"card-body\">\n        <div class=\"media\">\n            <div class=\"mr-3 img-48\"><img class=\"wpdm_icon\" alt=\"Icon\"   src=\"http:\/\/developer.edokumenty.eu\/wp-content\/plugins\/download-manager\/assets\/file-type-icons\/download_box.png\" \/><\/div>\n            <div class=\"media-body\">\n                <h3 class=\"package-title\"><a href='http:\/\/developer.edokumenty.eu\/index.php\/download\/szablon-faktury\/'>Szablon faktury<\/a><\/h3>\n                <div class=\"text-muted text-small\"><i class=\"fas fa-copy\"><\/i> 1 file(s) <i class=\"fas fa-hdd ml-3\"><\/i> 0<\/div>\n            <\/div>\n            <div class=\"ml-3\">\n                <a class='wpdm-download-link download-on-click btn btn-primary ' rel='nofollow' href='#' data-downloadurl=\"http:\/\/developer.edokumenty.eu\/index.php\/download\/szablon-faktury\/?wpdmdl=1453&refresh=6a079cef3c08b1778883823\">Download<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>System eDokumenty pozwala na u\u017cywanie biblioteki Bootstrap (dokumentacja) w celu projektowania w\u0142asnych raport\u00f3w oraz innych customowych rozwi\u0105za\u0144. W celu u\u017cycia komponent\u00f3w nale\u017cy utworzy\u0107 kontener z klas\u0105 \"ready-bootstrap\", a nast\u0119pnie korzysta\u0107 ze standarowych komponent\u00f3w u\u017cytych w bibliotece Bootstrap. W celu wy\u015bwietlenia dynamicznych danych w dalszym ci\u0105gu nale\u017cy korzysta\u0107 z kod\u00f3w flexy. Przyk\u0142adowy prosty kod u\u017cywaj\u0105cy systemu [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":502,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"tags":[226,228,229,230,231],"_links":{"self":[{"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/pages\/1448"}],"collection":[{"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1448"}],"version-history":[{"count":5,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/pages\/1448\/revisions"}],"predecessor-version":[{"id":1454,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/pages\/1448\/revisions\/1454"}],"up":[{"embeddable":true,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/pages\/502"}],"wp:attachment":[{"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1448"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/developer.edokumenty.eu\/index.php\/wp-json\/wp\/v2\/tags?post=1448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}