# bootstrap-map-js
**Repository Path**: mirrors_Esri/bootstrap-map-js
## Basic Information
- **Project Name**: bootstrap-map-js
- **Description**: A light-weight JS/CSS extension for building awesome mapping apps with Bootstrap and ArcGIS.
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-03-28
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# Bootstrap Map JS
A light-weight extension for building responsive web mapping apps with the [ArcGIS API for JavaScript](http://developers.arcgis.com) and [Bootstrap (ver 3.x)](http://getbootstrap.com). Maps will automatically resize and recenter as the screen size changes or they can be set to a fixed size. Pop-ups will stay within the screen view and are styled to match Bootstrap. Apps can be developed with Dojo and jQuery or just pure Dojo.
[View demo app and examples](http://esri.github.com/bootstrap-map-js/demo/index.html)
[View more examples](https://github.com/Esri/quickstart-map-js)
## Features
* Responsive map resizing
* Auto-recentering
* Responsive pop-ups
* Styled ArcGIS widgets
* Touch behavior for mobile devices
* Media queries
* Demos with the bootstrap grid system and web components
* Starter templates
NOTE: Feel free to contribute new templates to this repo!
## What's included
This repository contains the following:
boostrap-map-js/
├──dist/
│ ├──js/
│ │ └──bootstrapmap.min.js
│ └──css/
│ └──bootstrapmap.min.css
├──src/
│ ├──css/
│ │ └──bootstrapmap.css
│ └──js/
│ └──bootstrapmap.js
├──demo/
└──templates/
## Example
``` HTML
Bootstrap Map Example
Title
Legend
content
content
content
```
## Documentation
Visit the [Getting Started Guide](http://esri.github.io/bootstrap-map-js/demo/index.html)
## Requirements
* [ArcGIS API for JavaScript](http://developers.arcgis.com)
* [Bootstrap ver 3.x](http://getbootstrap.com)
* Either [jQuery](http://jquery.com/) or [Dojo-Bootstrap](https://github.com/xsokev/Dojo-Bootstrap)
* [Bootstrap Map JS](http://esri.github.com/bootstrap-map-js/)
## Resources
* [ArcGIS for JavaScript API](http://developers.arcgis.com/)
* [ArcGIS Blog](http://blogs.esri.com/esri/arcgis/)
* [Bootstrap](http://getbootstrap.com/)
* [Dojo-Bootstrap](https://github.com/xsokev/Dojo-Bootstrap)
## Developer Notes
* Bootstrapmap.css Only: If you just want to use the styles and popup formatting, and you don't care about a responsive map, just reference bootstrapmap.css in your projects. Take a look at these [examples](https://github.com/Esri/quickstart-map-js) to get see how to do this.
* Responsive Map: You can only have one responsive map per page. You can have as many maps as you want that are fixed in size however.
* ScrollwheelZoom: To enable scrollwheel zoom, set ```scrollWheelZoom: true``` in the constructor. A scrolling map will "slip" however if the page is larger than the viewport, therefore, this is set to ```false``` by default.
* IE8 Support: Add the following shims to support IE8. For more information visit [getbootstrap.com](http://getbootstrap.com/getting-started/#support).
``` HTML
```
* Learn more about the Bootstrap framework [here](http://getbootstrap.com).
## Build Instructions
Make sure you have the [Grunt CLI](http://gruntjs.com/getting-started) installed.
1. [Fork and clone bootstrap-map-js](https://help.github.com/articles/fork-a-repo)
2. `cd` to the `bootstrap-map-js/` folder.
3. Install the dependencies with `npm install`.
4. Run `grunt` from the command line. This will create a new minimized build in the `dist/` folder.
## Contributing
Anyone and everyone is welcome to contribute. Please see our [guidelines for contributing](https://github.com/esri/contributing).
## Licensing
Copyright 2013 Esri
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
A copy of the license is available in the repository's [license.txt]( https://raw.github.com/Esri/bootstrap-map-js/master/license.txt) file.
[](Esri Tags: ArcGIS Web Mapping Bootstrap Responsive)
[](Esri Language: JavaScript)