Search the Community
Showing results for tags 'Bootstrap'.
-
Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv
-
Разрабатываю небольшой сайт (просьба сильно не бить - это мой первый сайт и он еще не закончен) emwhp.com использую anchor.js для плавного к содержимому страницы по щелчку на каруселе : jsfiddle.net/psrRQ/4/ (исходник откуда брал скрипт) при попытке прокрутить карусель(брал исходники bootstrap) влево или вправо скрипт уводит видимую область экрана ниже меню. Подскажите пожалуйста как поправить.
-
Здравствуйте дорогие друзья! Вот стало интересно на каком css-фреймворке из двух наиболее популярных вы верстаете сайты У каждого из них есть свои плюсы и минусы, поэтому если вы кратко напишите свое мнение об использовании данных фреймворков считаю что эта информация будет полезна остальным.
- 1 reply
-
- bootstrap
- Foundation
-
(and 1 more)
Tagged with:
-
Друзья, добрый день! Помогите, пожалуйста. Нужно сделать респонсив верстку. Вот на этой странице - http://toolbird.com/list/time-tracking-tools/- когда уменьшаешь до размера смартфона, то в теле (в разделе Suggestions) плывут кнопка, минифото, и тайтл с текстом под ним. Надо сделать, чтобы кнопка и фото оставались в одной строке, а тайтл с текстом опускался под них. Спасибо большое!
-
Друзья, здравствуйте! Подскажите, пожалуйста, как сделать в Bootstrap3 гамбургер-меню при уменьшении размера экрана до размера смартфона. Спасибо, большое!
-
Здравствуйте, друзья! Подскажите, пожалуйста, как сделать так, чтобы высота страницы (например вот этой - http://toolbird.com/signup/)отображалась на любом десктопном устройстве тютелька-в-тютельку под размер экрана, без скроллинга. Речь идет о верстке в Bootstrap3, но с благодарностью приму и другие возможные решения. Спасибо большое!
-
Есть кнопка на которую остановлен 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> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#" aria-label="Следующая">></a></li> <li><a href="#" aria-label="Последняя">>></a></li> </ul> - хотят, чтобы при классе active тег a вообще исчезал и не было никаких других тегов внутри li. Я честно говоря растерялась - без понятия как такое реализовать с помощью css чтобы когда .active исчезал тег а и все отображалось как следует(
-
помогите пожалуйста решить проблему на страничке есть 2 кнопки: .but1, .but2 . при изменении ширины экрана они меняют своё расположение друг относительно друга. при белом и жёлтом бэкграунде они расположены в одну колонку, при magentа и cyan бэкграунде они расположены в 2 колонки у меня не получается сделать так чтобы при белом бэкграунде они располагались в одну колонку, а при жёлтом, magenta и cyan бэкграунде они располагались в 2 колонки цвет бэкграунда соответствует дефолтным точкам перехода в бутстрапе: @media (min-width: 480px) { body{ background: orange !important; }}@media (min-width: 768px) { body{ background: magenta !important; }}@media (min-width: 992px) { body{ background: cyan !important; }}@media (min-width: 1200px) { body{ background: red !important; }}
-
Как сделать плавные переходы в стандартной карусели Bootstrap 3
-
Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей проблемой и сможет что-то подсказать)))Буду очень благодарна за любые советы
-
Доброго вечера! Решила сделать себе заготовку меню как в Эппл на бутрапe - чтобы все li расползались равномерно на весь блок. И я или где-то туплю очень или что-то не учитываю, но никак не получается. В обычном сайте норм все, а здесь нет ... Может подскажет кто-то в чем дело?) ... Где я туплю... буду очень благодарна) Пристроить это http://jsfiddle.net/xsvhj/3/ к стандартномубутстраповскому меню никак не получается
-
Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932
- 16 replies
-
- Bootstrap
- Выровнять изображение
-
(and 1 more)
Tagged with:
-
Скачал 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" content="width=device-width, initial-scale=1"> <link rel="alternate" type="application/rdf+xml" title="RDF mapping" href="<?php bloginfo('rdf_url'); ?>"> <link rel="alternate" type="application/rss+xml" title="RSS" href="<?php bloginfo('rss_url'); ?>"> <link rel="alternate" type="application/rss+xml" title="Comments RSS" href="<?php bloginfo('comments_rss2_url'); ?>"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); // абсолютный путь до темы ?>/style.css"> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); // абсолютный путь до темы ?>/css/bootstrap.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <title><?php typical_title(); // выводи тайтл, функция лежит в function.php ?></title> <?php wp_head(); // необходимо для работы плагинов и функционала ?> </head> <body <?php body_class(); // все классы для body ?>> <div class="container"> <h1>hello!!!</h1> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.js"></script>
-
Привет! Установлен на сайте http://root1.donkos.esy.es/плагин ScrollSpy из Bootstrap. Подскажите как сделать чтоб каждый элемент бокового меню зажигался в своей зоне. Получается сделать только для первого. http://prntscr.com/6wt9dl . Для второго нужно другое значение data-offset, для третьего - третье. Вопрос: как для каждого элемента вертикального меню прописать свой отступ(если я правильно понимаю, атрибут data-offset как раз за это и отвечает)? Сейчас инициализация такая, если это нужно: $(document).ready(function() { $('body').scrollspy({target: ".pict1"}) });Очень жду ответа или подсказки! Спасибо!
-
Мы - команда из 2-ух человек. Занимаемся разработкой веб-проектов с уникальным дизайном, готовы взяться за предложения различной сложности, а главное делаем свою работу с любовью и выполняем все точно в сроки. У каждого из Нас есть свои задачи: Front-end разработчик - Занимается разработкой дизайна и его реализацией на сайте. Прежде чем начать воплощать все идеи в “код”, заранее продумывает цветовую палитру, как все должно выглядеть, взаимодействовать, что нужно использовать, а от чего стоит отказаться. Стек технологий: HTML5 CSS3 JS jQuery Gulp Sass Bootstrap UI Kit Back-end разработчик - Занимается разработкой сайта “изнутри”. Именно он заставляет выдавать информацию о пользователях или новостях, без него невозможны были бы регистрация, добавления новостей или файлов, вывод статистики и многое другое. Так же как и Front-end разработчик перед началом работы все тщательно продумывает - как все должно взаимодействовать, какой должна быть БД в целом, продумывает всю функциональность сайта. Стек технологий: Python Django PostgreSQL MySQL Linux(Ubuntu) Nginx Дизайн рисуется в PhotoShop, а его наброски на обычном листе бумаги. Весь код мы храним на BitBucket. Наша почта: codymakers@gmail.com Skype: codymakers
-
В чём может быть проблема в вёрстке, при уменьшении экрана после 990px контент фиксируется на 990px и появляться прокрутка. Это правильно, но меню всё равно продолжает уменьшаться, в чём может быть проблема? На скриншоте пример вывода Файлы вёрстки можно посмотреть тут: https://yadi.sk/d/eW--fg1UftBKG Помогите решить проблему кто знает, уже голову сломал с этим
-
Есть страничка http://florushka.com/feedback.php В голубых и желтых блоках одинаковый размер шрифта (14px, задан, собственно, одной и той же строкой в css). Проблема в том, что на телефоне один из них увеличивается, другой нет. Никак не могу понять, в чем магия Кто с таким сталкивался ? Есть идеи, в чем косяк ? Спасибо