2016-11-25 4 views
1

Я пытаюсь определить размер бутстрапа (xs/sm/md/lg).Get Bootstrap size is undefined

я попытался эти ссылки:

К сожалению,

ответы, которые я нашел есть "ошибка" или что-то вроде того.

Если вы регистрируете размер бутстрапа при событии изменения размера окна, вы увидите, что иногда вы регистрируете неопределенные значения.

Это случается, когда вы изменяете размер окна с размера бутстрапа один на второй размер бутстрапа.

Например, при изменении размера от xs до см.

+0

Поскольку без настройки бутстрапа размеры всегда одинаковые, а всего четыре, конечное число, жестко кодирование значений в случае коммутатора на основе размера бутстрапа не является вариантом? – WEBjuju

+0

что-то вроде: if (window.innerWidth <768) { return 'xs'; } else if (window.innerWidth <992) { возвращение 'см'; } else if (window.innerWidth <1200) { return 'md'; } прочее { возвращение 'lg'; } ? –

+0

Возможно, я не понимаю, что вы пытаетесь сделать. вы кодер кодефа, который вы поделили, и пытаетесь его расширить, чтобы не только показать xs/sm/md/lg, но и максимальную ширину? Если нет, вы просто строите свою собственную страницу, чтобы узнать текущий размер бутстрапа? если последнее, какова максимальная ширина пикселя? – WEBjuju

ответ

0

Если включить this library вы можете запустить функцию следующим образом:

<script> 
(function($, document, window, viewport){ 

    // Executes once whole document has been loaded 
    $(document).ready(function() { 
    console.log('Current breakpoint:', viewport.current()); 
    }); 

    $(window).resize(
    viewport.changed(function(){ 
     console.log('Current breakpoint:', viewport.current()); 
    }) 
); 

})(jQuery, document, window, ResponsiveBootstrapToolkit); 
</script> 

Проблема, кажется, что документация не достаточно четко обзорного ResponsiveBootstrapToolkit в области просмотра, как показано выше.

+0

Это не работает. Если вы регистрируете размер бутстрапа (xs/sm/md/lg) при событии изменения размера окна, вы увидите, что иногда вы регистрируете неопределенные значения. Это происходит, когда вы изменяете размер окна с одного размера бутстрапа до второго размера бутстрапа. Например, при изменении размера от xs до sm. –

+0

хорошо, я воспроизвел вашу проблему локально; вы можете взять js в тегах