Skip to content

Bootstrap

[Bootstrap] Solution for keeping dropdowns inside the screen in mobile devices.

If you have any question about code, drop a comment

<div class="visible-xs" id="visible-xs"></div>
<script type="text/javascript">
if ($("#visible-xs").css("display") === "block") { 
	$('[data-toggle=dropdown]').click(function() {
                var menu = $(this).parent().find("ul:first");
                var menupos = $(this).offset();

            	if($(this).parent().hasClass("pull-right")){
                	menupos_right = $(window).width() - (menupos.left + $(this).outerWidth());
                    if (menupos_right + menu.width() > $(window).width()) {
                        var newpos = -(menupos_right + menu.width() - $(window).width());
                        menu.css({ right: newpos });    
                    }
                } else {
                     if (menupos.left + menu.width() > $(window).width()) {
                        var newpos = -(menupos.left + menu.width() - $(window).width());
                        menu.css({ left: newpos });    
                    }
          		}
	});
}	
</script>

Bootstrap carousel sapıtması ve çözümü

Sorun:  Bootstrap 2.2.2′nin  carousel özelliğini herhangi sebepten bir çok defa durdurup, bir daha başlattığınızda carousel’in sapıtıp sürekli döndüğünü görmüş olabilirsiniz. Zira ben gördüm. İşin sonunda anladık ki bu olay bootstrap’ın bug’ıymış. Adamlar çözümü yayınlayıncaya kadar geçici çözümümüz:

bootstrap.min.js
find:

his.paused=!1),

replace:

his.paused=!1),this.interval&&clearInterval(this.interval),

Detaylı açıklama burda:

https://github.com/twitter/bootstrap/pull/6655