Поиск по сайту
Результаты поиска по тегам 'bootstrap'.
Найдено 108 результатов
-
Проблема в таблицах bootstrap, то есть таблица выводится вся и с bootstrap делиться на страницы для сокращения и удобства в использование! так вот есть в таблица, и в них, используются ссылки такого вида id (<a id="rank">rank</a>) при клике срабатывает скрипт, на главной странице где по стандарту 10 строк выводит все работает,но стоит перелистнуть страницу перестает работать,(так же с "user-table_length") остальные с помощью bootstrap перенесены на другие стр.. там id click не работает пример таблицы, может кто видел
-
Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!
-
тут с таким моментом столкнулся. есть несколько табов на странице, причем в нескольких табах существуют другие табы. при выборе вкладки, позиция сохраняется и при перезагрузке страницы выбранный таб остается нажатым, но не всегда правильно. как это можно отключить на стадии инициализации?
-
Доброго времени суток. Нахожусь на начальном этапе карьеры веб-разработчика, поэтому готов сверстать ваш psd макет за символическую цену. Использую bootstrap, поэтому адаптивная верстка не проблема. Связаться со мной можно по почте: [email protected]
-
Здравствуйте дамы и господа!) У меня к Вам такой вопрос, как можно правильно реализовать следующее: Мне нужно, чтобы при клике на строку/слово в тексте, галерея BOOTSTRAP Galerey переключалась на требуемый слайд и у слова, связанного с активным слайдов появлялось выделение в виде смены цвета текста, и подчеркиванием. Так же мне нужно, чтобы это работало и было связано с автоматической сменой слайдов. Т.е. слайды к примеру менялись бы каждые секунд 5-ть, при этом слова в тексте автоматически бы выделялись в зависимости от активного слайда. К примеру текст такой: И такая галерея: <div class="col-xs-12 col-sm-12 col-lg-offset-1 col-lg-4 carousel slide article-slide" id="searchAndReplace"> <div class="carousel-inner cont-slider"> <div class="item active"> <img class="img-responsive" alt="Google company" title="Google company" src="<%=request.getContextPath() %>/lib/upload/img/270220172230.png"> </div> <div class="item "> <img class="img-responsive" alt="Real phone" title="Real phone" src="<%=request.getContextPath() %>/lib/upload/img/270220172245.png"> </div> </div> </div> Как такое реализовать ? Заранее благодарю Вас за ответ!
-
Подскажите, как сверстать такой блок с использованием Bootstrap?
-
Добрый день. Вас приветствует команда студии разработки и продвижения freedots.ru Если вы Front-end разработчик и делаете круто, то высылайте свое портфолио на [email protected] и вместе мы поработаем над интересными проектами Основные требования: Опыт работы в отрасли не менее 2 лет. Знание языков разметки: HTML, CSS. Знание JS Знание препроцессоров LESS/SASS Знание фреймворков: Bootstrap/Foundation Знание библиотек: jquery.js, желательно знание js фреймворков: angular.js/vue.js Знание сборщиков проектов, таких как: webpack Расположение: Россия > Москва Занятость/ЗП: Занятость:фикс ЗП:40 000 - 60 000 руб. График: обсуждаемо С уважением, команда Freedots.
-
Верстаю сайты на HTML5, CSS3, JavaScript с использованием библиотеки JQuery. Имею опыт работы с Bootstrap3. Примеры вёрсток : 1) https://astonevart.github.io/eventide-landing/ 2)https://astonevart.github.io/styletour/ Также могу сделать полноценный сайт на php и разместить на Wordpress! Сделаю все качественно, быстро, и современно!!! skype : astonevart e-mail : [email protected]
-
подскажите пожалуйста как в bootstrap3 сверстать страничку с пустыми полями в шапке, которые продолжаются до правого и левого края экрана? при этом необходимо чтобы контент по-прежнему оставался ограниченной ширины JSFIDDLE
-
Друзья! Вместе с bootstrap загружаю в такой последовательности еще один стиль, чтобы все что буду править в стандартном шаблоне, выносить в него. Загружаю в head, в такой последовательности <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/template.css"> Надо поменять стиль шрифта. Делаю так - в файл template.css добавляю @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800'); body { font-family: 'Open Sans', sans-serif; } Но на странице все равно загружается дефолтный шрифт body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; На странице текст в тэге body > p Подскажите, где я не прав? Спасибо!
-
Ищем Веб-разработчиков в команду. Ищем как fullstack разработчиков, так и отдельно на backend или frontend. Команда занимается реализацией сложных веб-проектов и приложений. Задачи достаточно сложные и интересные, для нас важно качество. Стек технологий: Node.JS, React.JS, Bootstrap Требования: Опыт работы с Javascript от 2-х лет; Уверенное знание Node.JS, React.JS, Bootstrap; Мы предлагаем: Бюджет 2400 $ Длительную занятость от 6ти месяцев, Перспективы карьерного роста до Тимлида, Перспективы длительного сотрудничества над другими проектам, Оплату два раза в месяц, возможны варианты, Мы готовы к предоплате, Работу удаленную на фултайм. Пишите на почту: [email protected]
-
Чем больше знаете фреймворков, тем больше к вам интерес! Задача создать аналитическое приложение на NodeJS / React Мы предлагаем: Длительную занятость от 6ти месяцев, Перспективы карьерного роста до Тимлида, Перспективы длительного сотрудничества над другими проектам, Деньги платим точно в срок, кстати в долларах оклад ) Предоплату вам закинем, и ежемесячный оклад, Командой разработку мы ведем, Удаленно и фултайм Заинтересовались? Пишите на почту: [email protected]
-
Здравствуйте. Предоставляю услуги по HTML5/CSS3-верстке веб-сайтов с применением JavaScript/jQuery. Верстаю кроссплатформенно (медиазапросы, Bootstrap), кроссбраузерно, валидно . Преимущества: Умеренная (договорная) цена Разумные (договорные) сроки выполнения заказа Всегда на связи Удобная файловая структура готового проекта Имею наглядное портфолио выполненных работ Верстаю сайты разного уровня сложности Заинтересовались? Пишите: Моя почта или [email protected] Skype: romanonishencko И снова ссылка на портфолио >> http://bit.ly/2k9C253 Пара примеров из портфолио:
-
Добрый день, реализовываю мега меню использую плагины Bootsrap: tabs и collapse ссылка на прототип (codpen) Нужная логика: При клике на родительскую категорию (Одежда, Техника, Для дома) открываются в сайдбаре, ее дочерние категории. — реализовано По клику на дочернюю категорию открывается, в правой колонке, содержимое связанного с дочерней категорией таба — реализовано Подкатегории (Мужская одежда, Женская …) первой родительской категории (Одежда) открыты по умолчанию — реализовано При клике на другую родительскую категорию, открываются ее дочерние и скрываются дочерние категории, предыдущей активной — реализовано При клике на родительскую категорию и открытии ее дочерних должен активироваться таб связанный с первой дочерней категорией — частично реализовано, срабатывает только один раз (при первом клике, на последующих, не срабатывет) При повторном клике на родительскую категорию с открытыми дочерними, дочерние скрываются + скрываться таб связанный с одной из ее дочерних категоий — не реализовано скрытие таба Возникли сложности со скрытием табов (последний пункт списка с логикой) и активацией таба первой дочерней категории, при клике по родительской. Код: $('li.panel').click(function() { $(this).children().find('a:first').tab('show'); Открывает таб первой подкатегории только один раз. Если я на примере кликну по род. категории «Техника», то откроются ее дочерние категории (Смартфоны, Планшеты) и активируется так первой подкатегории (Смартфоны) скриншот, но если если я после этого, к примеру, кликну по другой род. категории «Одежда», а потом снова кликну по категории «Техника», таб связанный с первой дочерней «Смартфоны» не будет активен — скриншот.
-
Здравствуйте. Меня зовут Вавилкин Максим. Я ищу удаленную работу. Я уверенно знаю: Html и css. Знаю технику адаптивной верстки. При верстке придерживаюсь методологии БЭМ и в некоторых случаях использую Bootstrap. Также есть базовые знания Js и php. К работе отношусь очень ответственно, и всегда завершаю дела до конца. К письму прикладываю ссылку на свой сайт резюме. https://maxvilson.github.io/portfolio/build/
-
Только начинаю набирать опыт сайтостроения. Окончил курсы PHP+MySQL+JS! Сделаю за минимальную плату адаптивный сайт/блог/landing-page. Моя почта : [email protected]
-
Есть проблема. Меню на бутстрапе, в десктопной версии отображается идеально, но в адаптивном режиме (при уменьшенном разрешении) выпадающие меню списка скрыты. Это мой первый сайт, не знаю, где копать. Код тут: http://codepen.io/esx/pen/RGXqBZ На втором скриншоте видно, что кнопка "Услуги" раскрывается не полностью, кнопка "О нас" вообще ничего не показывает. Помогите, плиз. -
Привет всем форумчанам, я верстаю сайты разной сложности. Стандартную верстку буду делать за 300 рублей, а если у вас сложный, пишите договоримся! Еще делаю натяжку шаблона на DLE. Спасибо за внимание!
-
Здравствуйте! Все кто знаком с бутстрап, наверняка пользовались встроенным аккордеоном (collapse.js). Штука весьма полезная и очень удобная. Но вот кое какой функционал не доведен до ума. А именно возможность перехода к нужному развернутому слою, и дальнейшей работе с меню аккордеона. Подробнее: есть страница (PAGE1) на которой 10 кнопок и 10 слоев. Слои имеют id по порядку (el1, el2, el3, el4, el5 и т.д.). Есть кнопки которые открывают эти слои (Салаты, Супы, Гарниры ...). Есть другая страница, на которой есть ссылки типа: /PAGE1/?menu=sreda#el3. Надо что бы при переходе с этой страницы на PAGE1 открылся элемент 3. решение такое существует и работает. Извлекает хэш и открывает нужный слой, если хэш пустой, то открывает первый слой. <script> $(function(){ var hash = window.location.hash; $('.panel-collapse').hide(); $('.panel-collapse').each(function(){ $(this).removeClass('in'); }); if (hash) { $(hash).show().addClass('in'); } else { $('#el1').show().addClass('in'); } }); </script> Но после перехода не работает меню на странице. Т.к. URL имеет вид /PAGE1/?menu=sreda#el3, то 3 слой всегда открыт. А остальные слои просто не работают. Прошу вашей помощи, доработать так, что бы и нужный слой открывался, и все остальное на странице после этого работало. Спасибо.
-
Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/
-
Здравствуйте. Предлагаю свои услуги по верстке PSD макетов в HTML5/CSS3 с использованием несложных скриптов jQuery на основе bootstrap. Чистый, структурированный код. Внедрение различных jQuery плагинов и скриптов. Цена для каждого проекта индивидуальна и зависит от сложности макета и необходимого функционала. По цене со мной всегда можно договориться. Оплата: - WebMoney Интересует долгосрочное сотрудничество. Контакты: email: [email protected] Skype: скидываю в л/с Примеры верстки:
-
Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 10px 5px 10px 5px;*/ /*padding: 0px;*/ /*border: 0px solid navy;*/ /*margin: 5px;*/ /*margin: 10px 5px 5px 5px;*/ padding: 0px; border: 1px solid navy; /* DEBUGGING */ } .form-control { /*height: 30px;*/ /*color: #808080;*/ padding: 5px 5px 5px 5px; /*margin: 5px 0px 5px 0px;*/ /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9);*/ height: 34px; width: 100%; color: #808080; margin: auto; display: block; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(215, 215, 215, 0.9); border: 0px dotted red; /*DEBUGGING*/ } .form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(128, 128, 128, 0.9); } Спасибо!
-
Наткнулся на не плохой ресурс по bootstrap 4. Надёюсь будет полезно http://mdbootstrap.com/bootstrap-tutorial/
-
Всем привет, В бутстрап верстке делаю форму с полями ввода в 2 колонки вроде : <div class="form-group col-sm-6"> <label class="col-sm-4 control-label">Id</label> <div class="col-sm-8"> <input type="text" name="id" id="id" class="form-control" value="26" size="8" maxlength="8" readonly=""> </div> </div> <div class="form-group col-sm-6 "> <label for="name" class="col-sm-4 control-label">Name</label> <div class="col-sm-8"> <input type="text" name="name" id="name" class="form-control " value="mm mmmmm With very very very very very long name" size="30" maxlength="100" placeholder="name of Tour. Must be unique in system"> </div> </div> <div class="form-group col-sm-6 "> <label for="email" class="col-sm-4 control-label">Email</label> <div class="col-sm-8"> <input type="text" name="email" id="email" class="form-control " value="[email protected]" size="30" maxlength="50" placeholder="Email of Tour. Must be unique in system"> </div> </div> <div class="row"></div> <div class="form-group col-sm-6 "> <label for="website" class="col-sm-4 control-label">Website</label> <div class="col-sm-8"> <input type="text" name="website" id="website" class="form-control " value="Website.com" size="30" maxlength="150" placeholder="Website of Tour. Must be valid url"> </div> </div> Но после 3-его поля email хочется следующие поля(начиная с Website) выводить с новой строки и для этого я вставил див с class="row". Это вроде работает, но хорошее дли это решение и можно ли сделать лучше ? Спасибо !
-
Bootstrap - slider. Необходимо переместить описание. Попробовал сделать это с помощью position:relative и position:absolute. Но получается перемещать только вверх-вниз. А как сделать это вправо-влево? Вот сам сайт
