Как убрать содержимае div при разрешении экрана меньше определенного

@media (min-width: @screen-sm-min) { ... } - ищем документацию и юзаем.

При таком использовании правила верстки для этого div отменяются, а скрипт все равно светится. т.е. изначально:

<div id="float"><script></script></div>

уменьшаем экран получаем:

<script></script>

<div id="float"><script></script></div>

<script></script>

А давайте вы все таки почитаете мануалы?

Суть - нужно с помощью @media сделать так, что бы при низком разрешении - для блока включался display : none;. Это не сложно

цсс тут не поможет, он просто скроет блок. но не отменит выполнение скрипта....скрипт все равно будет выполняться

вот так можно

все там поможет, просто js нужно взять в отдельный div

<div id="float"><div><script></script></div></div>

@media (min-width: @screen-sm-min) { #float div { display: none; } }

qpPeW, не вводите людей в заблуждение :)

Даже в отдельном диве невидимые скрипты выполняются так же хорошо, как и видимые.

Иногда даже ещё лучше, потому что ничто не отвлекает )

<div style="display:none;">
<div>
<script>
alert("Hello!");
</script>
</div>
</div>

у ТСа написано "отображалось" и ничего про "выполнялось". Тут нужно уточнение задачи.

<div style="display:none;">

<div>

<script>

alert("Hello!");

</script>

</div>

</div>

Научитесь читать ВНИМАТЕЛЬНО, присоединяюсь к сообщению пользователя bay_ebook

В самом этом яваскрипте, если он яваскрипт, можно прописать сверку ширины экрана и очистку содержимого данного div тега. Пусть сам себя и удаляет. А сам div пусть невидимкой остается.