- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Как удалить плохие SEO-ссылки и очистить ссылочную массу сайта
Применяем отклонение ссылок
Сервис Rookee
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Кто нибудь использует bootstrap для адаптивной верстки?
Можно ли на бутстрапе реализовать вот такую вещь. По макету ширина сайта, скажем 1000px, в нем один блок под вертикальное меню шириной 250px, остальное место занимает второй блок.
Хотелось бы что бы при сужении окна ширина блока с меню оставалось неизменной, а уменьшался бы второй блок. А когда ширина окна становится менее, скажем, 750px колонки располагались бы друг под другом. На bootstrap при сужении уменьшаются обе колонки.
Актуально ли сейчас по простому создавать медиа файл и и в нем изменять все нужные стили на сайте в зависимости от размера окна, без всяких фреймворков?
@media only screen and (max-width: 500px){
}
Актуально.
не добиться на бутстрапе такого эффекта?
не добиться на бутстрапе такого эффекта?
добиться...
Включите в вашем проекте адаптивный CSS, добавляя соответствующие мета теги и дополнительные таблицы стилей в <head> вашего документа. Если у вас компилированный Bootstrap, загруженный с нашей страницы, то вам всего лишь нужно добавить мета тег.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
Внимание! По умолчанию в Bootstrap не включены адаптивные возможности, поскольку это не везде требуется. Вместо того, чтобы разработчики каждый раз отключали этот функционал, логичнее будет дать им возможность включать его при необходимости.
totamon, это другое. Там стандартное описание бутстрапа.
Сразу после твоей цитаты "Изменяет ширину колонок в сетке", а часто бывает нужно иметь 1 колонку фиксированной ширины и изменять ширину второй.
Soxay, ну выше прокрути тогда Плавающая сетка - Демонстрация - 3 строка в примере...
Кто нибудь использует bootstrap для адаптивной верстки?
может лучше к специалисту обратиться?) тысячи адаптивных шаблонов на bootstrap доступны как фрии так и платных, а ты такие вопросы задаешь...
totamon, однако ты мне не можешь на такой вопрос ответить).
Адаптивные шаблоны бывают разные, но меня интересует конкретный случай. если это в бутстрапе нельзя то он бесполезен.
Soxay, ты меня тролишь? я тебе 2 раза ответил на вопрос, и самый ценный ответ это
может лучше к специалисту обратиться?
bootstrap это фреймворк на котором можно любой макет реализовать, было бы желание...
он бесполезен
В вашем случае скорее всего да.
Just only one question to Google: http://stackoverflow.com/a/26849081
totamon, я верстальщик и вопрос этот возник потому-что я полностью прочитал документацию бутстрапа и не увидел там той возможности о которой спрашиваю. Наверняка есть какая-то хитрость.
PROGRAMMATOR, я конечно понимаю что читать пост лень, но рас отвечаешь дочитал бы. Я спрашивал не просто как сделать блок нужной ширины, а как сделать что бы они потом вставали друг над другом.
Вот конкретный пример для тех кому лень читать, специально взял порог 750px как на bootstrap. Вот так можно сделать на bootstrap? При экране менее 750px блоки встают друг над другом.
html
css
.right{
float: right;
width: 300px;
border: 1px solid #000;
}
.obertka{
max-width:1200px;
margin: 0 auto;
border: 1px solid #000;
}
@media only screen and (max-width: 750px){
.right{
width: 100%;
float: none;
}
}
Бутстрап, как и большинство фреймворков (как, например foundation с которым я плотно работал), работают с 8-12-16 колоночными структурами фиксированной ширины, просто подгоняя ширину колонки под текущий экран. Отсюда всплывают все проблемы, как-то невозможность сделать одной колонки фикс - а остальные плавно-меняющиеся.