Making embedded maps bootstrap responsive

Is there a way to alter a map object to make it bootstrap responsive?

Right now I use the following block in my html template:

{% with map=googlemap_obj("my-map", lat=user_lat, lng=user_lng, markers=user_markers, zoom=16, style="height:900px;width:900px;") %}
{{map.html}}
{{map.js}}
{% endwith %}