{"action":"created","issue":{"url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/253","repository_url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter","labels_url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/253/labels{/name}","comments_url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/253/comments","events_url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/253/events","html_url":"https://github.com/MozaikAgency/wp-theme-starter/issues/253","id":153434672,"number":253,"title":"Twitter Bootstrap","user":{"login":"pgosk","id":17334085,"avatar_url":"https://avatars.githubusercontent.com/u/17334085?v=3","gravatar_id":"","url":"https://api.github.com/users/pgosk","html_url":"https://github.com/pgosk","followers_url":"https://api.github.com/users/pgosk/followers","following_url":"https://api.github.com/users/pgosk/following{/other_user}","gists_url":"https://api.github.com/users/pgosk/gists{/gist_id}","starred_url":"https://api.github.com/users/pgosk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pgosk/subscriptions","organizations_url":"https://api.github.com/users/pgosk/orgs","repos_url":"https://api.github.com/users/pgosk/repos","events_url":"https://api.github.com/users/pgosk/events{/privacy}","received_events_url":"https://api.github.com/users/pgosk/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-05-06T11:45:07Z","updated_at":"2016-05-06T14:25:10Z","closed_at":null,"body":"How to implement Twitter Bootstrap in this theme? By using webpack? How to make it included in theme styles and how to correctly add bootstrap js files?\r\n\r\nI do `bower install bootstrap-sass` and what next?"},"comment":{"url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/comments/217453975","html_url":"https://github.com/MozaikAgency/wp-theme-starter/issues/253#issuecomment-217453975","issue_url":"https://api.github.com/repos/MozaikAgency/wp-theme-starter/issues/253","id":217453975,"user":{"login":"pgosk","id":17334085,"avatar_url":"https://avatars.githubusercontent.com/u/17334085?v=3","gravatar_id":"","url":"https://api.github.com/users/pgosk","html_url":"https://github.com/pgosk","followers_url":"https://api.github.com/users/pgosk/followers","following_url":"https://api.github.com/users/pgosk/following{/other_user}","gists_url":"https://api.github.com/users/pgosk/gists{/gist_id}","starred_url":"https://api.github.com/users/pgosk/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pgosk/subscriptions","organizations_url":"https://api.github.com/users/pgosk/orgs","repos_url":"https://api.github.com/users/pgosk/repos","events_url":"https://api.github.com/users/pgosk/events{/privacy}","received_events_url":"https://api.github.com/users/pgosk/received_events","type":"User","site_admin":false},"created_at":"2016-05-06T14:25:10Z","updated_at":"2016-05-06T14:25:10Z","body":"Sure! I resolve my problem, but I can't say 'this is what you should do'.\r\n\r\nFirst, like in documentation, add jQuery to `gulp/config/scripts.js`\r\n\r\n> var webpack = require('webpack');\r\nmodule.exports = {\r\n\toptions: {\r\n\t    webpack: {\r\n\t        defaults: {\r\n\t            plugins: [\r\n\t                new webpack.ProvidePlugin({\r\n\t                    '$': 'jquery',\r\n\t                    'jQuery': 'jquery',\r\n\t                    'window.jQuery': 'jquery'\r\n\t                })\r\n\t            ]\r\n\t        }\r\n\t    }\r\n\t}\r\n};\r\n\r\nThen in `assets/js/main.js` add `import '../../bower_components/bootstrap/dist/js/bootstrap.js';` for Bootstrap4 or `import '../../bower_components/bootstrap-sass/assets/javascripts/bootstrap.js';` for Bootstrap3.\r\n\r\nBootstrap4 require Tether.js for tooltips. For me, easiest way is add some code in `function.php`. In theme_script() function replace line with main.js by this two lines:\r\n>wp_enqueue_script( 'tether', \"//cdnjs.cloudflare.com/ajax/libs/tether/1.3.1/js/tether.min.js\", array(), null, true );\r\n>wp_enqueue_script( 'main', \"$theme_dir/assets/js/main.js\", array('tether'), null, true );\r\n\r\nAnd currently thats all. Next days I will try to find another solution."}}