111
|
Цитата:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.red {
border: 1px solid #f00;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function() {
//зачем объект в переменную, а затем на него обработчик?
//если надо для дальнейшего использования, то можно кешировать сразу
var o = $('#my').click(function() {
o.toggleClass('red', window.innerWidth >= 600)
})
});
</script>
</head>
<body>
<div id="my">GO</div>
</body>
</html>
|
Возможно меня немного не поняли, я хочу сделать как у бутстрепа, на экранах от 600 и меньше, вместо навбара появляется кнопка меню, нажимаем на неё и раскрывается меню, нажимаем ещё раз и оно закрывается
|
|
Цитата:
@media all and (max-width: 600px) {
/*Стили для экрана <= 600*/
#adap-menu {
}
}
|
Цитата:
|
Ruslan_xDD,
Не получится без использование js сделать открытие и закрытие меню, jquery используется как раз для этого, а не для адаптивности. laimas, Зачем мне весь бутстреп? когда мне только нужен функцианал менюшки как у бутстрепа, иногда легче написать чем вырезать откуданибудь |
Цитата:
Почитайте для интересу: http://shpargalkablog.ru/2010/12/shirina-saita-css.html http://habrahabr.ru/post/119127/ |
| Часовой пояс GMT +3, время: 11:51. |