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