A template for making a Google Chrome Extension, using Twitter Bootstrap 3.
A template for making a Google Chrome Extension, using Twitter Bootstrap 3.
This package has been made to quickly get yourself up and running with making a new Google Chrome extension. The basic structure of this package is as follows:
- css/
-- bootstrap.min (Edited, please see "important notes")
-- custom.css (Contains small style tweaks, edit this file at your will)
- fonts/
-- glyphicons-halflings-regular.eot
-- glyphicons-halflings-regular.svg
-- glyphicons-halflings-regular (TrueType font file)
-- glyphicons-halflings-regular.woff
- img/
-- icon16.png
-- icon48.png
-- icon128.png
--- Please note, this is just a filler image for your extension.
- js/
-- bootstrap.min
-- jquery-2.0.3.min
- manifest.json
- popup.html
- README.md
chrome://extensions/
into the address bar.Please note, the Bootstrap 3 CSS file has been modified to disable the standard responsive features Bootstrap 3 offers. Since the maximum width an extension can be is 800px (without overflow), the content and navbar are shrunk into a mobile format when the extension is below 769px. These changes disable this, to allow your extension to function properly whatever size you wish it to be.
Please visit:
This package is standalone. Please visit the Google Developer documentation if you wish to know more about Extension creating:
http://developer.chrome.com/extensions/getstarted.html
The main files you will need to edit are:
manifest.json
popup.html
.popup.html
section
.css/custom.css