Search the Community
Showing results for tags 'bootstrap'.
-
помогите пожалуйста показать полностью выпадающее меню на странице при малой ширине экрана меню преобразуется в пиктограмму "НАВИГАЦИЯ". после клика по этой пиктограмме меню разворачивается, но не полностью(чтобы увидеть нижние пункты нужно тянуть левый скролл) проблема в том, что я хотел бы чтобы после клика по пиктограмме "НАВИГАЦИЯ" меню показывалось полностью и скролла не было при этом версия этого же кода, залитая на фиддл не имеет описанной проблемы
-
помогите пожалуйста убрать нижний скролл скрыть не вариант, нужно именно правильно от него избавиться. страничка он виден на настольных мониторах и на экранах ноутбуков. при этом, как видите, нет элементов, выходящих за пределы обёртки
-
Помогите, что не так? Где искать? сайт http://www.terra-dzr.ru/, col-md-5, а проще контент, должен встать посередине, но никак....(
-
помогите пожалуйста исправить ситуацию есть адаптивная страница, вот её примерная схема. сделана на bootstrap3(по краям блока .wrap_c есть отступы). я хотел бы страницу переделать и привести к такому виду(по бокам от блока .wrap_c не отступов). при этом ширина блока .wrap_c должна остаться такой же проблема в том, что в блоке .wrap_c есть система из адаптивных блоков, которую переделывать мне не хотелось бы скажите есть ли способ малой кровью сделать описанное выше преобразование? и если есть, то подскажите как если такое невозможно, то может быть поможете хотя бы болванкой для нужной мне страницы? буду тоже благодарен
-
Всем привет! Верстаю по заданию klierik'a http://htmlforum.ru/index.php?showtopic=47141 Если коротко, то: адаптивно, IE8+, graceful degradation. Сейчас готова главная страница. И чем дальше делаю, тем меньше нравиться то что получается. Буду благодарен за любою критику. Посмотреть можно здесь: http://dmitryl-demo.bl.ee/ GitHub: https://github.com/cyborgandroid/htmlforum-fabrique-cyborgandroid Заранее спасибо!
-
прошу помощи у дизайнеров или дизайнствующих верстальщиков в создании лого пишу социальную сеть для барабанщиков города Саранска. официальное название будет Drummersaransk или drummersaransk(ни в коем случае не через camelCase). нужно создать лого. приблизительные требования такие: набор цветов будет из примеров twitter bootstrap3форма лого(основная часть. кроме, возможно, текста) должна быть прямоугольной. с закруглёнными углами(очень похожа на стандартную кнопку из twitter bootstrap3, но больше как минимум в 2 раза. радиус скругления углов - как у кнопок)лого будет располагаться в левом верхнем углуосновной цвет лого должен быть ярко красный(такого в бутстрапе нет)в лого должна быть надпись "Социальная сеть барабанщиков Саранска"эта надпись может выходить за пределы лого или быть полностью за пределамиотходить от указанных требований можно запростовот скриншот морды соц.сети. всё сделано на основе twitter bootstrap 3 для связи можно использовать skype: cyklop771 или личку спасибо
-
У меня стандартная менюшка от bootstrap 3, если добавлять много пунктов меню, сама менюшка начинает выстраивается в 2 этажа, мне нужно подкинуть идею как сделать сразу её завернутой(в мобильном виде), если пунктов меню будет слишком много. Просто не знаю куда "копать". Спасибо.
-
Впервые взялся сегодня за Bootstrap 3 (до этого немного знал 2-ю версию). Столкнулся с такой проблемой codepen.io/anon/pen/Kzkfw?editors=110 Если закомментировать float в последнем блоке CSS — то блок контента и меню сайдбара выравниваются по верхнему краю. Но с float контент съезжает вниз. Помогите разобраться, из-за чего это происходит. И как это победить (желательно без откровенных костылей, типа подтягивания блока контента вверх). (Кроме своего CSS, к коду на CodePen подключен bootstrap 3, но я не думаю, что это их баг)
-
Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" class="btn btn-default" role="button">На главную страницу</a> <br /> <br /> <form class="well span8"> <div class="row"> <div class="span3"> <label>First Name</label> <input type="text" class="span3" placeholder="Your First Name"> <label>Last Name</label> <input type="text" class="span3" placeholder="Your Last Name"> <label>Email Address</label> <input type="text" class="span3" placeholder="Your email address"> <label>Subject</label> <select id="subject" name="subject" class="span3"> <option value="na" selected="">Choose One:</option> <option value="service">General Customer Service</option> <option value="suggestions">Suggestions</option> <option value="product">Product Support</option> </select> </div> <div class="span5"> <label>Message</label> <textarea name="message" id="message" class="input-xlarge span5" rows="10"></textarea> </div> <button type="submit" class="btn btn-primary pull-right">Send</button> </div> </form> </div> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script></body> </html>Бутстрап подключен последней версии, как видите. Пожалуйста, подскажите кто знает, какой файл у меня не подгрузился, почему так получается? Не хотелось бы менять внутри фреймворка. Или может я что-то недопонимаю, я только два дня этот фреймворк юзаю. Спасибо!
-
Нужно ли подключать bootstrap.css если пользоваться bootstrap.less файлами?
-
День добрый други ! Общий вид задачи таков: Допустим есть 3 дива по порядку голова, боди, футер. Как подключить css файл так, чтоб его правила распространялись, например, только на Боди ?? Вроде как вариант - в сам боди вставить include. Но тогда стили зацепят и футер. Каскадные стили тоже не вариант (типа в самом CSS перед каждым свойством дописать .боди) - предположим что ЦСС менять нельзя. Есть ли варианты решения данной задачи ? ==================== И собственно, частные случай этой же задачи: Надо подключить bootstrap так, чтоб его стили работали только в определенном диве, а в других дивай этой же страницы он ничего не затрагивал (в частности он подменяет стили h1). Костылем исправить можно , но как то не хочется.
-
Доброго времени суток, обитатели этого замечательного ресурса. Я начинающий верстальщик. Меня интересует такой вопрос: Стоил ли учится работать с css frameworkами начинающему верстальщику или же лучше все писать самому без какой либо помощи ? Не хочу что бы это как то отобразилось на моем обучении в худшую сторону...
-
Есть сайт на joomla 3.0, в нем по умолчанию подключен Bootstrap + jQuery, на сайт добавили форум kunena. В какой-то момент QA сообщила о frontend-тормозах на Яндекс.Браузере, проверил и действительно. Особенно заметно на форуме, причем тормоза жуткие, например :hover для стилей срабатывает только через 1-2 сек после наведение на элемент. Немного покопавшись стало понятно, что без библиотеки bootstrap (js) тормозов вообще нет. Кто нибудь с этим сталкивался? Как сделать, чтобы бут присутствовал и тормозов на я.браузере не было?
-
Всем здравия! Подскажите пожалуйста, как решить следующий вопрос: я использую bootstrap, соответственно табы из него. На одной странице имеется несколько таб-блоков. <div class="block1"> <ul> <li><A href="#block1-1" data-toggle="tab">link1</a></li> <li><A href="#block1-2" data-toggle="tab">link2</a></li> </ul> <div class="tab-content" id="block1-1">blabla</div> <div class="tab-content" id="block1-2">ablabl</div> <!-- второй такой же блок --> <div class="block2"> <ul> <li><A href="#block2-1" data-toggle="tab">link1</a></li> <li><A href="#block2-2" data-toggle="tab">link2</a></li> </ul> <div class="tab-content" id="block2-1">blabla</div> <div class="tab-content" id="block2-2">ablabl</div> Необходимо, чтобы при переключении одного таба автоматически переключались все на ту же ссылку. Т.е. на первом link2 - и на остальных тоже самое. Их не более 9 на странице, так что можно вручную переключение каждого прописать.. Вопрос - как?
-
Здравствуйте! Столкнулся со следующей проблемой. Работаю с фреймворком bootstrap, его силами создается модальное окно, которое вызывается следующей ссылкой: <a href="order.php?id={$ser_id}" data-toggle="modal" data-target="#zakaz">Заказать кондиционер</a> При этом bootstrap подгружает в модальное окно содержимое файла order.php с нужным результатом, который меняется в зависимости от $ser_id. Проблема в том, что таких ссылок на странице несколько, у всех разный $ser_id. И соответственно результат работы файла order.php тоже разный. Но модальное окно открывается старое, с первым результатом работы. Обновляется оно только при обновлении страницы. Как это починить? Т.е. после закрытия модального окна его надо уничтожить, чтобы при новом вызове оно сгенерировалось заново.
-
Как включить подсветку текущей страницы в пагинации? bootstrap
viz9 posted a question in HTML Coding
Здравствуйте. Делаю вёрстку через бустрап. Отображаются номера страничек как нужно, но вот подсветка номера страницы в пагинации не работает. Тут сказано http://twitter.githu...html#pagination, что для активной ссылки номера страницы нужно в тэг <li> вписать класс -<li class="active">. Но этот класс никак автоматически не переписывается на другие ссылки номеров страниц. Наверно надо что-то из JS подключить. Вот только что и как? подскажите, кто знает. Пример то простой...
