¿Cómo ajustar la división del contenedor de Bootstrap a 100px desde el borde de la ventana izquierda?

Estoy usando el diseño fijo de Twitter Bootstrap donde el div contenedor tiene:

 margin-left: auto; margin-right: auto; 

Por eso siempre se queda en el centro.

Lo que quiero hacer es colocar el contenedor de modo que haya un espacio de 100px entre el borde izquierdo de la ventana del navegador y el contenedor. Cuando la ventana se haga más pequeña, quiero que el contenedor se mueva al borde de la ventana.

¿Cómo puedo conseguir esto?

Una alternativa al cambio de los márgenes del contenedor es usar container-fluid solo usar 8 (o 10) de las 12 columnas en pantallas más grandes …

 
.. page layout here

http://www.bootply.com/SRnhM22tPr

Sobrescribiendo el .container del archivo CSS bootstrap de .container para que .container margin-left: 100px resuelve el problema de colocarlo más cerca.

En cuanto a acercarlo cuando la ventana se hace más pequeña, no tengo idea de cómo podría hacerse con css, por lo que el máximo es de 100px. Pero sin el máximo se puede hacer con el margin-left: x% donde x es el número que usted considera adecuado. De esa manera, cuando el tamaño de la ventana del navegador cambia, también lo hace el margen izquierdo.

Espero que esto haya ayudado.

Usa la distribución fluida y agrega relleno al cuerpo.

 body { padding-left: 100px; } 

De esa manera, el contenido siempre llenará la ventana hasta 100px desde el lado izquierdo.

Ok esto es lo que hice:

 .container { padding-left: 10px; padding-right: 250px; } 

no me da exactamente el resultado que estaba buscando, pero bastante cerca. Mi primer span 3 es una barra lateral y el área de contenido principal del último span9. El área de contenido principal ahora siempre está centrada y la barra lateral al lado y tiene un espacio mínimo de 10 píxeles en el borde de la ventana.