ORIGINAL + BEST PRACTICE: always move the .well
outside of .container
to stay idiomatic with Bootstrap.
UPDATE + IF ABOVE IS NOT AN OPTION: Given that you cannot easily modify .container
styles and/or move the .well
outside of .container
, your best bet is JavaScript. Here I have made a script that makes .well
expand as the width of the window changes.
Here is a jsFiddle
The idea is that you want a negative value for margin-left
and margin-right
so that .well
expands across the screen.