Search the Community
Showing results for tags 'bootstrap'.
-
Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv
-
Доброго времени суток, частично выполнил задание предложенное на форуме. Сам сайт. Исходник тут. Там же чуть больше деталей об этом проекте, не буду повторяться. Сразу отмечу, что не придерживался ТЗ доскональна, так как это учебная верстка, а ТЗ ставило рамки и задачи не подходящие под мои цели. Специально и сразу не соблюдалась поддержка IE8, так как AngularJS давно прекратил его поддержку(все замечательно работает под IE9), так же мне не очень понравилось качество макета, поэтому раз деньги мне все равно не заплатят, я решил не грузится подгонкой пикселей . Было сделано 3 представлени
-
Разрабатываю небольшой сайт (просьба сильно не бить - это мой первый сайт и он еще не закончен) emwhp.com использую anchor.js для плавного к содержимому страницы по щелчку на каруселе : jsfiddle.net/psrRQ/4/ (исходник откуда брал скрипт) при попытке прокрутить карусель(брал исходники bootstrap) влево или вправо скрипт уводит видимую область экрана ниже меню. Подскажите пожалуйста как поправить.
-
Здравствуйте дорогие друзья! Вот стало интересно на каком css-фреймворке из двух наиболее популярных вы верстаете сайты У каждого из них есть свои плюсы и минусы, поэтому если вы кратко напишите свое мнение об использовании данных фреймворков считаю что эта информация будет полезна остальным.
- 1 reply
-
- bootstrap
- Foundation
-
(and 1 more)
Tagged with:
-
Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!
-
Друзья, здравствуйте! Подскажите, пожалуйста, как сделать в Bootstrap3 гамбургер-меню при уменьшении размера экрана до размера смартфона. Спасибо, большое!
-
Друзья, добрый день! Помогите, пожалуйста. Нужно сделать респонсив верстку. Вот на этой странице - http://toolbird.com/list/time-tracking-tools/- когда уменьшаешь до размера смартфона, то в теле (в разделе Suggestions) плывут кнопка, минифото, и тайтл с текстом под ним. Надо сделать, чтобы кнопка и фото оставались в одной строке, а тайтл с текстом опускался под них. Спасибо большое!
-
Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?
-
Доброго здравия всем. Скажите, изучены основы HTML, CSS, Javasript. Но вот научится по настоящему и освоить все это можно только из практики. Скажите где и как практиковались, может можно найти ресурс, где даются задания для начинающих мастеров, чтобы набить руку, или мелкие заказы, где можно и еще чуть -чуть подзаработать. Спасибо.
-
Уважаемые, подскажите на каком ресурсе лучше всего изучать bootstrap, документацию на сайте их изучал, находил в гугле ресурсы и там почитал, но может, кто-то, где-то находил ресурс где прям можно не только изучить, но и по возможности кореектировить существующую их библеотеку под свои нужны дизайна. Всем спасибо заранее ))))
-
помогите пожалуйста решить проблему в примерах бутстрапа на этой страничке вы верхнем меню есть выпадающий пункт 'Dropdown' я взял эту страничку и вставил в верхнее меню html выпадающего пункта. в результате в меню появился пункт "Голосования", но после клика не происходит выпадание пунктов. вот пример моей странички на моей страничке после клика по пункту "Голосования" firebug показывает мигание класса dropdown, а должно происходить преобразованиие класса в dropdown open
-
Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net
-
Здравствуйте. Я сошла с ума, или как решить проблему. На сайте есть блоки Ступени ГТО. При нажатии на "10 видов испытаний" появляется аккордеон. Он занимает всю ширину родителя и сдвигает нижний блок. Подскажите, как сделать его на всю ширину области сайта, не родителя и чтоб он сдвигал весь ряд. Сейчас стоит абсолютное позиционирование.
-
Добрый день, обьясните пожалуйста такие вопросы, пытаюсь делать простенький шаблон : http://comsaaxov.ho.ua/sedona/ возникло пара нюансов: -при изменении размера экрана отступы верхнего меню не уменьшаются (ставил их в %, сейчас стоят px, "col-xs-12 col-sm-12 col-md-12" тоже назначал) -как задавать размеры и отступы при абсолютном позиционировании, что-бы расположение и блока и размеры менялись в зависимости от разрешения экрана?(ну то есть понятно что есть медиа- запросы, но не каждые же 30 пикселей изменения разрешения подправлять положение абсолютного блока?)
-
Добрый вечер, уважаемые форумчане! Столкнулись с нестандартной проблемкой. Я сверстала сайт с помощью Bootstap - его приняли, все ок, но сегодня мне заказчик пишет переделать пагинацию - код стандартный <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Первая"><<</a></li> <li><a href="#" aria-label="Предыдущая" ><</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li>
-
помогите пожалуйста решить проблему на страничке есть 2 кнопки: .but1, .but2 . при изменении ширины экрана они меняют своё расположение друг относительно друга. при белом и жёлтом бэкграунде они расположены в одну колонку, при magentа и cyan бэкграунде они расположены в 2 колонки у меня не получается сделать так чтобы при белом бэкграунде они располагались в одну колонку, а при жёлтом, magenta и cyan бэкграунде они располагались в 2 колонки цвет бэкграунда соответствует дефолтным точкам перехода в бутстрапе: @media (min-width: 480px) { body{ background: orange !important; }}@media (min-
-
Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932
- 16 replies
-
- Bootstrap
- Выровнять изображение
-
(and 1 more)
Tagged with:
-
Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей про
-
Как сделать плавные переходы в стандартной карусели Bootstrap 3
-
Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается
-
Привет! Установлен на сайте http://root1.donkos.esy.es/плагин ScrollSpy из Bootstrap. Подскажите как сделать чтоб каждый элемент бокового меню зажигался в своей зоне. Получается сделать только для первого. http://prntscr.com/6wt9dl . Для второго нужно другое значение data-offset, для третьего - третье. Вопрос: как для каждого элемента вертикального меню прописать свой отступ(если я правильно понимаю, атрибут data-offset как раз за это и отвечает)? Сейчас инициализация такая, если это нужно: $(document).ready(function() { $('body').scrollspy({target: ".pict1"}) });Очень жду о
-
Скачал Bootstrap пробую подключить но не как не выходить пишет вот такую ошибку - https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970752 Вот сам код в шаблона header `<?php /** * Шаблон шапки (header.php) * @package WordPress * @subpackage your-clean-template */ ?> <!DOCTYPE html> <html <?php language_attributes(); // вывод атрибутов языка ?>> <head> <meta charset="<?php bloginfo( 'charset' ); // кодировка ?>"> <?php /* RSS и всякое */ ?> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont
-
Мы - команда из 2-ух человек. Занимаемся разработкой веб-проектов с уникальным дизайном, готовы взяться за предложения различной сложности, а главное делаем свою работу с любовью и выполняем все точно в сроки. У каждого из Нас есть свои задачи: Front-end разработчик - Занимается разработкой дизайна и его реализацией на сайте. Прежде чем начать воплощать все идеи в “код”, заранее продумывает цветовую палитру, как все должно выглядеть, взаимодействовать, что нужно использовать, а от чего стоит отказаться. Стек технологий: HTML5 CSS3 JS jQuery Gulp Sass Bootstrap UI Kit Back-end разработчик
-
В чём может быть проблема в вёрстке, при уменьшении экрана после 990px контент фиксируется на 990px и появляться прокрутка. Это правильно, но меню всё равно продолжает уменьшаться, в чём может быть проблема? На скриншоте пример вывода Файлы вёрстки можно посмотреть тут: https://yadi.sk/d/eW--fg1UftBKG Помогите решить проблему кто знает, уже голову сломал с этим