Para que el afijo funcione con una barra lateral span3
, deberá agregar un javascript para ajustar el ancho y administrar el tamaño.
Acabo de escribir una pequeña función de JavaScript para que esto funcione.
Echa un vistazo this bug de bootstrap.
/*
* Clamped-width.
* Usage:
* <div data-clampedwidth=".myParent">This long content will force clamped width</div>
*
* Author: LV
*/
$('[data-clampedwidth]').each(function() {
var elem = $(this);
var parentPanel = elem.data('clampedwidth');
var resizeFn = function() {
var sideBarNavWidth = $(parentPanel).width() - parseInt(elem.css('paddingLeft')) - parseInt(elem.css('paddingRight')) - parseInt(elem.css('marginLeft')) - parseInt(elem.css('marginRight')) - parseInt(elem.css('borderLeftWidth')) - parseInt(elem.css('borderRightWidth'));
elem.css('width', sideBarNavWidth);
};
resizeFn();
$(window).resize(resizeFn);
});
Esa es la solución correcta – Benj
solución elegante, getting.container en bootstrap3, le da la posibilidad de tener una barra de navegación apilada fija bien –
Es posible que desee tener en cuenta las declaraciones 'box-model' aquí – Eric