{"id":14972349,"url":"https://github.com/henrikhb/bootstrap-4-boilerplate","last_synced_at":"2025-06-14T04:33:37.406Z","repository":{"id":51684769,"uuid":"53272789","full_name":"henrikhb/bootstrap-4-boilerplate","owner":"henrikhb","description":"Bootstrap 4.3.1 boilerplate with Browsersync, Sass and Gulp.js","archived":false,"fork":false,"pushed_at":"2019-04-09T18:06:13.000Z","size":805,"stargazers_count":149,"open_issues_count":1,"forks_count":73,"subscribers_count":18,"default_branch":"master","last_synced_at":"2025-01-31T22:24:54.354Z","etag":null,"topics":["boilerplate","bootstrap-4","browsersync","gulp","sass"],"latest_commit_sha":null,"homepage":"https://github.com/wapbamboogie/bootstrap-4-boilerplate","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/henrikhb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-03-06T19:47:10.000Z","updated_at":"2024-01-03T15:25:15.000Z","dependencies_parsed_at":"2022-08-03T08:45:24.933Z","dependency_job_id":null,"html_url":"https://github.com/henrikhb/bootstrap-4-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henrikhb%2Fbootstrap-4-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henrikhb%2Fbootstrap-4-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henrikhb%2Fbootstrap-4-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/henrikhb%2Fbootstrap-4-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/henrikhb","download_url":"https://codeload.github.com/henrikhb/bootstrap-4-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238386156,"owners_count":19463309,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["boilerplate","bootstrap-4","browsersync","gulp","sass"],"created_at":"2024-09-24T13:46:46.917Z","updated_at":"2025-02-11T23:32:45.494Z","avatar_url":"https://github.com/henrikhb.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bootstrap 4 boilerplate\nA [Bootstrap](https://getbootstrap.com/) v4.3.1 boiler plate with [Sass](http://sass-lang.com/), concatenation, minification, autoprefixer, [Browsersync](https://www.browsersync.io/), hot reloading and sourcemaps all runned by [Gulp](https://gulpjs.com/).\n\n![bootstrap logo](https://user-images.githubusercontent.com/10498583/31125543-e2a88c2c-a848-11e7-87b0-d20ea38d41d0.jpg)\n![sass logo](https://user-images.githubusercontent.com/10498583/31125541-e2a732e6-a848-11e7-959d-7d7b0c138124.jpg)\n![gulp logo](https://user-images.githubusercontent.com/10498583/31125542-e2a78b88-a848-11e7-8ac5-c396f46e811f.jpg)\n![browsersync logo](https://user-images.githubusercontent.com/10498583/31125540-e2a6eed0-a848-11e7-817a-69c5619f772a.jpg)\n\n## Quick Start\n```\n# 1 Clone this repo\ngit clone https://github.com/wapbamboogie/bootstrap-4-boilerplate.git\n\n# 2 Navigate into the repo directory\ncd bootstrap-4-boilerplate\n\n# 3 Install all node packages\nnpm install\n\n# 4 Get started\ngulp serve - starts localhost server with browser-sync, watches HTML, Sass, JS with hot reloading\ngulp - minify CSS/JS and builds your app into the dist directory, ready for production\n```\n\n## Requirements\nThis project requires you have [nodejs](https://nodejs.org/en/) with [npm](https://www.npmjs.com/get-npm) installed.\nThis project requires you have a global installation of [gulp](http://gulpjs.com/).\n```\n# Install gulp globally\nnpm install -g gulp\n```\n\n## Gulp commands\n**gulp serve**\n\nThe gulp serve command starts a local Browsersync server that serves your files in the browser.\nIt reloads the current page when changing HTML, PHP, Sass and JS files.\nThe output of all Sass files go to main.css\nAll JS files are concatenated into main.js\nYou can access the development server with other devices on the same network. Go to the \"External\" address specified by Browsersync (see the terminal) in the web browser of your device.\n```\ngulp serve\n```\n\n**gulp (build)**\n\nThe default gulp command is set to creating a \"dist\" directory with a production version of the project, ready to be deployed.\nIt minifies and renames JS/CSS assets as well as cleaning the old \"dist\" directory. CSS is autoprefixed for the latest two browser versions.\n```\ngulp\n```\n\n**gulp concatScripts**\n\nThe gulp concatScripts command combines the specified JS resources into main.js\nYou can add new JS files to this command on line 16 in gulpfile.js\nYou might want to run concatScripts once separately after adding new JS files.\n```\ngulp concatScripts\n```\n\n## Overwriting Bootstrap sass variables\nYou can overwrite specific bootstrap sass variables by uncommenting lines in assets/css/1-frameworks/bootstrap/bootstrap-user-variables.scss\n\n## PHP\nIf you need a server with PHP support you can use the project with [MAMP Pro](https://www.mamp.info/en/mamp-pro/) or similar.\n* Create a new host in the hosts panel of MAMP Pro and choose the project folder as the document root.\n* Enable Symlinks settings in the \"Extended\" tab of the host configuration.\n* On line 82 in gulpfile.js change the browserSync.init function to the following:\n```\nbrowserSync.init({\n    proxy: \"http://name-of-your-mamp-host:8888\",\n    open: \"external\"\n});\n```\n* Start the MAMP services and run \"gulp serve\" as before.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenrikhb%2Fbootstrap-4-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhenrikhb%2Fbootstrap-4-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhenrikhb%2Fbootstrap-4-boilerplate/lists"}