HTML Coding

29,542 questions in this forum

1. Bootstrap и форма для мобильных и планшетов

   Здравствуйте. Проблема с версткой формы в Bottstrap. Хочу сделать 2 поля в одну линию с выбором промежутка ОТ и ДО. Но при уменьшении размера экрана до планшета, название поля не правильно отображается. Пробовал различные размеры col-md-* col-xs-* и тд. подставлять но не помогло. Подскажите как сделать. Получается вот так: Код такой: <form method="GET" action="#" accept-charset="UTF-8" class="form-horizontal"> <fieldset> <!-- Text input--> <div class="form-group"> <label for="name" class="col-md-4 control-label">Имя</label> <div clas…

   Asked by z3r9, July 27, 2017

   0 votes
   6 answers
2. Bootstrap и шапка фиксированной ширины

   Здравствуйте! Только начал изучать bootstrap, запутался вот с какой штукой: Есть картинка - шапка сайта, фиксированного размера 895px. Весь шаблон, соответственно, ограничивается этой шириной. Я ограничил body шириной шапки: body {width: 895px; margin: 0 auto;} Так же сделал с первым контейнером: .container {width: 895px !important; } Делаю два столбца span6 - они все равно получаются по 1170/2 и размещаются один под другим, а не в строчку. Как сделать, чтобы деление на колонки происходило для ширины 895, а не 1170? Спасибо!

   Asked by Nule, January 25, 2013

   0 votes
   2 answers
3. Bootstrap или....?

   Привет. Интересно чем пользуются обитатели этого форума? Есть что-то похожее?

   Asked by swandev, July 29, 2013

   0 votes
   1 answer
4. bootstrap колонки + рамка

   Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

   Asked by YurikMurik, May 3, 2018

   • bootstrap
   • border
   • верстка
   0 votes
   3 answers
5. bootstrap мелкие поля

   <div class="item-search"> <form id="w0" action="/site/items" method="get"> <div class="row"> <div class="col-lg-4"> <div class="row"> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_ru"> <div class="col-lg-12">ru<input type="text" id="itemsearch-name_ru" class="form-control" name="ItemSearch[name_ru]" value=""></div> </div> </div> <div class="col-lg-6"> <div class="form-group field-itemsearch-name_en"> <div class="col-lg-12">en<input type="text"…

   Asked by https, June 6, 2016

   0 votes
   10 answers
6. bootstrap от twitter

   Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?

   Asked by like2dev, February 2, 2012

   0 votes
   7 answers
7. Bootstrap расположение блоков

   <div class="row"> <div class="col-lg-4 col-md-4 ">1</div> <div class="col-lg-8 col-md-8 ">2</div> </div> интересует вопрос при разрешении экрана sm блок 1 стал на место блока 2 и расположились друг другом горизонтально ——————————— 1 ———————————2 а нужно ———————————————————--2 ———————————————————--1 помогите

   Asked by sergo1976, April 28, 2017

   • col-lg
   0 votes
   1 answer
8. bootstrap таблица рвёт трёхколоночный макет

   Прошу помощи с Twitter Bootstrap. Макет примерно такой: <div class="container-fluid"> <div class="row-fluid" > <div class="span2" > <!--Sidebar content--> </div> <div class="span7 well"> <!--Таблица, которая шире колонки--> <table class="table table-striped"> .... </table> </div> <div class="span3"> <!--Right-Sidebar content--> </div> </div> </div> На широкоформатный мониторах всё ок, но стоило открыть на разрешении 1024х768 - как появилась…

   Asked by delias, October 29, 2012

   0 votes
   8 answers
9. Bootstrap фотогаллерея

   Ребзики, коллегушки .. Верстаю сайт под смартфоны на bootstrap. Подскажите пожалуйста нормальную фотогаллерею. Требования: 1. Не громоздкая. 2. Удобная для пользования с мобилки. Заранее приподнимаю шляпу в знак уважения.

   Asked by Pinga, November 15, 2015

   • bootstrap
   • image
   • gallery
   • jquery
   0 votes
   7 answers
10. bootstrap число колонок

    добрый день как увеличить колонки с 12 до 24 ?

    Asked by Jester, January 25, 2020

    0 votes
    0 answers
11. Bootstrap, 3 колонки в две строчки

    Здравствуйте, Никак не могу найти причину почему колонки съезжают. Знаю, что одна колонка ниже остальных, но как это влияет на bootstrap не понимаю. Посмотрите пожалуйста? http://xn—-7sbqkbjlgtakdhickq1a2n.xn--p1ai/

    Asked by somik, December 9, 2017

    • bootstrap
    0 votes
    6 answers
12. Bootstrap, вызов модального окна - появляется отступ у body

    Здравствуйте! Верстаю сайт. Настраиваю вывод модального окна при клике на кнопку "Мой кабинет". Обнаружилась такая вещь: после появления модального окна у body появляется отступ. Вроде бы не такая уж и проблема, но хотелось бы найти причину. Исходники Bootstrap скачаны здесь: http://getbootstrap.com/ Кстати, для эксперимента, поставила в один из файлов шаблона исходников это же модальное окно - такая же проблема. Хотя на самом сайте в примерах такого нет. Надеюсь на помощь специалистов, которых здесь немало .

    Asked by Светлана Г., December 20, 2014

    • bootstrap modal
    0 votes
    23 answers
13. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337, July 22, 2017

    • bootstrap
    • разметка
    0 votes
    8 answers
14. Bootstrap: Выпадающее меню, цвет фона

    День добрый. Не могу никак разобраться. Прошу помощи... Делаю сайт на bootstrap. Есть главное меню с выпадающими подпунктами. При ховере на пункте меню (Раздел) он меняет цвет. Однако при переносе курсора на выпадающее меню (Подменю) выделение пункта меню Раздел пропадает. Как-то можно задать фон для Раздела, когда курсор находится на подразделах? Пример тут

    Asked by dron, October 19, 2018

    0 votes
    2 answers
15. bootstrap: переход для 480

    помогите пожалуйста решить проблему есть страничка, содержащая 2 блока, расположеных горизонтально. на экранах очень малой ширины эти блоки должны располагаться вертикально для наглядности на страничке определённый цвет фона соответствует определённой ширине экрана. белый фон это интересующая меня малая ширина

    Asked by cyklop77, January 17, 2015

    • bootstrap
    0 votes
    1 answer
16. Bootstrap: проблема с фиксацией блока ( affix)

    Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…

    Asked by Devvega, March 15, 2013

    • bootstrap affix
    0 votes
    2 answers
17. bootstrap: убрать скролл

    помогите пожалуйста убрать скролл, который появляется при ширине окна 992px < width < 1006px (для удобства я вывел значение ширины в шапку) вот мои настройки для bootstrap http://getbootstrap.com/customize/?id=fbddbcf1a87480d1bf27#media-queries-breakpoints мне важно чтобы расстояние между .bg_blue_innerпо прежнему оставалось 66px, а ширина .page-header 992px

    Asked by cyklop77, December 16, 2014

    • bootstrap
    0 votes
    1 answer
18. Bootstrap. использование медиазапросов SASS

    Имеется такая структура файлов: sass/ -- bootstrap/ (внутри каталог mixins и sass файлы- bootstrap/_mixins.scss, bootstrap/_variables.scss, bootstrap/_normilze.scss, и т.д.) -- _bootstrap.scss -- main.scss содержание файла main.scss: @import "bootstrap"; .element { with: 200px; @media (min-width: @screen-md-min) { width: 100px; } } Но компилятор ругается, что вместо @screen-md-min должно быть конкретное значение.Как добиться, чтобы можно было использовать брейкпоинты бутстрапа в Sass?

    Asked by vip, December 21, 2016

    • sass
    0 votes
    8 answers
19. bootstrap. преобразование меню

    подскажите пожалуйста какая настройка отвечает за преобразование верхнего меню в иконку при малой ширине экрана для этой страницы. мне нужно чтобы оно преобразовывалось в иконку только на телефонах с очень маленьким экраном

    Asked by cyklop77, June 26, 2014

    0 votes
    4 answers
20. Bootstrap. С чем его есть?

    Доброго всем. Задался целью изучить bootstrap, но посидев и почитав офф. русские сайты про него всё равно не понимаю ничего. Так было когда-то и с JS, не понимал, а потом в один момент понял, что всё просто, но почему-то раньше не мог его догнать вообще. Может посоветуете, как его изучить?

    Asked by Tobey, April 21, 2014

    0 votes
    3 answers
21. bootstrap.css что за * ?

    В файле bootstrap.css перед некоторыми свойствами стоят звездочки, для чего они? audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } итд...

    Asked by uuu, January 27, 2013

    0 votes
    3 answers
22. bootstrap3: переход на одну колонку

    помогите пожалуйста решить проблему на страничке есть 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: 992p…

    Asked by cyklop77, May 9, 2015

    • bootstrap
    • bootstrap3
    0 votes
    10 answers
23. border

    Подскажите стиль так чтобы вокруг картинки черная тонкая рамка была, как можно тонще.

    Asked by Admiral, April 14, 2009

    0 votes
    1 answer
24. border

    Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.

    Asked by Sh.B.Malinkin, March 18, 2010

    0 votes
    3 answers
25. Border

    Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Скрытый текст https://ibb.co/YWy3VTd Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?

    Asked by Twix, May 4, 2019

    • css
    • html
    • border
    0 votes
    2 answers