mstdmstd

Всем привет, Дайте, пожалуйста, ссылочку на бутстрап совместимую верстку панели, которая как-бы приподнята вверх со всеми своими элементами. и панелку обратного вида, которая какбы вдавлена со всеми своими элементами. Спасибо !

Под "список определений" можно при желании подвести все что угодно Например главы из учебника - это вроде как определения... А список цен с товарами или новостями ? Вроде нет ...

Всем привет, Попался мне такой кусок верстки: <dd class="col-xs-12"> <dt id="slider_price"></dt> <dd><input type="text" readonly id="slider_price_range"></dd> <dl id="search-pane-ht" class="col-xs-12 col-sm-4 col-md-3"> ... </dl> В описании читаю: Вопрос, а когда могут быть полезными эти теги и в какоих случаях их стоит использовать? Плюс от их использования видится в том, что когда есть 5-6 вложенных блоков div то их довольно сложно отследить... Спасибо !

Разьясните, пожалуйста, как с помощью push, pull классов сделать нужные для меня отступы.

Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

Спасибо, я скачал и установил несколько иконок. Еще вопросы возникли а можно ли управлять размером этих иконок? Я пробовал вроде : 11111<i class="demo-icon icon-cancel" style="width: 64px; height: 64px;"></i>2 33333<i class="demo-icon icon-cancel-circled" width="64px" height=""64px" ></i>444 55555<i class="demo-icon icon-plus"><span style="width: 64px; height: 64px;"></span></i>66666 77777<i class="demo-icon icon-cancel-squared"><span width="64px" height="64px"></i>88 Но безуспешно. Также я использую jquery-confirm библиотеку(https://craftpip.github.io/jquery-confirm/), которая позволяет в алертах выводить иконки $.confirm({ icon: 'glyphicon glyphicon-remove', и пробовал вывести иконки из этой библиотеки icon: 'icon-cancel-circled', или icon: '', но иконка не выводится...

Всем привет, Есть список пиктограмок бутстрапа http://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp А нет ли расширений этого списка? Спасибо !

Всем привет, Взял стандартную бутстрап форму http://www.codeply.com/go/FbXMFSrGf2 дизайн которой сразу поломался, если добавить в стили control-label класс Имею в виду что лейблы отображаются сверху инпутов, а должны слева... А если убрать из определения стилей control-label - то лейблы отображаются слева от инпутов - что и нужно... Как правильно ? Спасибо !

Всем привет, Читая доку по bootstrap-у, я не совсем уяснил для себя, а как располагается верстка при указании только одного девайса на других дивайсах? Например, если указан только класс для планшетов col-sm- : <div class="form-group"> <label for="name" class="col-sm-3 control-label">Name</label> <div class="col-sm-9"> <input id="name" name="name" value="" size="30" maxlength="100" class="form-control" type="text" > </div> </div> Значит, что на мобильных будет приминен класс col-sm-12 как для лейбла так и для инпута, а на лаптопах и на больших мониторах col-sm-3/col-sm-9 ? Спасибо !

Я имею в виду в моих чекбоксах прописать класс checked_states. чтобы в цикле пробежать и проверить какие их них чекнуты : $('input.checked_states:checked').each(function () { checked_states_selection = checked_states_selection + $(this).val() + ',' }); Но как тогда писать в опрделении css? Я пробовал : .checked_states input :not(:checked) + .glyphicon-ok { visibility: hidden; } в результате пр открытии страницы все элементы были чекнуты. А как правильно?

Всем привет, Не подскажите, в моем Chromium, 49.0.2623.108 Ubuntu 14.04 есть возможность, при отладке респонсив дизайна задавать пользовательские настройки дивайсов. Я создал себе несколько штук для удобств, вроде: http://i.imgur.com/9sAJ0KG.png Вопросы : 1. А можно ли сделать, так чтобы при выборе девайса из списка 1) масштаб всегда был 100% ? 2. Что это за параметр "Device Pixel Ratio" 3) и не имеет ли он отношение к пункту выше ? 3. Можно ли сделать, чтобы Chromium в режиме респонсив не отображался внизу окна(Иногда это мешает сколько не уменьшай ему высоту), а например как другое окно? Спасибо !

Спасибо! Еще вопрос, а не получится что это настройки вылезут где-нить в другом месте приложения, где они не нужны и нельзя ли эти ченкбоксы привязать к классу который используется только в одном месте ?

Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!

Спасибо, эта галерея подошла Еще вопрос : Я динамически подгружаю список картинок в диалог(чтобы кроме картинок вывести еще полезную инфу), вроде : function showHostelImages() { var HRef = "{{ base_url }}main/get_images_carousel/type/hostel/id/" + encodeURIComponent(current_hostel_id); $.getJSON(HRef, function (data) { if (data.ErrorCode == 0) { $("#div_carousel_container").html(data.html); // Код картинок $("#images_carousel_label").html(data.title); $('.carousel').carousel( ) $('#div_images_carousel').modal({ // Див диалога keyboard: false }) } }); } И в общем все работает, за исключением того, что картинки имеют разный размер и прокручивая карусель влево/вправо окно диалога меняет размер что выглядит некрасиво. Как это исправить? 1) Можно наверно предварительно пробежать по списку картинок и получить размер самой большой картинки и установить эти размеры для диалога 2) Возможно ли еще как-то, например, установив бекграунд картинку большого размера для всех картинок ?

Всем привет, Подскажите пожалуйста хорошую и удобную Bootstrap 3 Image Gallery которая бы работала БЕЗ картинок-иконок Я погуглив - в основном такие либы требуют картинок-иконок или как эта https://github.com/blueimp/Bootstrap-Image-Gallery/blob/master/README.md#demo где в доке написано Но я попробовал без иконок - не работает... Спасибо !

Всем привет, Есть такой компонент Bootstrap Multi-Suggest Typeahead https://github.com/rroppolo/bootstrap-multisuggestplugin И ошибка при запуске примера : multisuggest-plugin.js:5 Uncaught TypeError: Cannot read property 'Constructor' of undefined Со ссылкой на строку : var _superconstr = $.fn.typeahead.Constructor, _superproto = $.fn.typeahead.Constructor.prototype; На странице есть ссылка http://twitter.github.com/bootstrap/javascript.html#typeahead но браузер открывает http://getbootstrap.com/2.3.2/#typeahead похоже эта либа для 2-го бутстрапа и несовместима с Bootstrap-ом 3.3.6 ? Да и тут http://getbootstrap.com/customize/ нет никакого typehead... Подскажите что-нибудь похожее по фнукционалу совместимое с Bootstrap 3... Спасибо!

Выложил на http://dev4.softreactor.com/main/login Логин nilov@com.ua 111111 Далее на страницу http://dev4.softreactor.com//admin/hostel/index И в списке кликаем на кнопку "Apply Filter" Верхнее поле выбора Region Можно удалить текущий элемент К проекту подключены стили http://dev4.softreactor.com/static/css/chosen.css и http://dev4.softreactor.com/static/css/admin_styles.css Спасибо !

Я в начале давал принтскрин как все выглядлит в firebug... Проект пока локальныйй - ссылки нет...

li.search-field > input { display: block; height: 45px; } Не помогло. Судя по всему это стиль не подключается. Видимо неправильно указан путь...

Сорри не понял куда display:block ? В определение класса который не находится или самого инпута который генерится ?

Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?

спасибо помогло, Но : 1) не могли бы Вы обьяснить, что означает "схлопывается" или дать ссылку этого эффекта. 2) Первый элемент сверху это chosen.jquery. На моей форме он нормально отображается и работает, если не указать overflow: hidden в определении .form-group . Но с этим определением этот элемент chosen.jquery только отображает выбранные по умолчанию элементы, но выбрать элементы невозможно... Приблизительно так jsfiddle но в fiddle элемент chosen.jquery не работал изначально ...

Всем привет, В верстке модального окна jsfiddle нет отступа между строками. Чем их установить и почему не сработал form-group класс ? спасибо !

Всем привет, Нужно png-файл в виде 64-битной строки декодировать и отправить сабмитом формы Делаю var data = original_canvas.toDataURL(); // Источник данных fabrics js alert("+++original_frnt_img_val::"+var_dump(data) ); // алер выводит +++original_frnt_img_val::data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACbAAAAbUCAYA ... var decoded_data= data.replace(/data\:image\/png\;base64\,/g, "") // Убираем заголовок data:image/png;base64, alert( "decoded_data::"+var_dump(decoded_data) ) // выводит decoded_data::iVBORw0KGgoAAAANSUhEUgAACbAAAAbUCAYAAAAkT... var decoded_data= decode64(decoded_data) // декодируем alert( "decoded_data::"+var_dump(decoded_data) ) // выводит http://imgur.com/QTM9o6q alert( "ZZZ::"+var_dump( jQuery('#original_frnt_img_val').val() ) ) // Выводит ту же строку что и выше var theForm = jQuery("#form_save_template_full_image"); theForm.submit(); // Сабмитим форму Форма сабмититься и файл записывается на диск функцией file_put_contents без перекодировки и изменений но при попытке прочитать его получаю И открыв этот файл в текстовом редакторе я вижу принтскрин Сравнивая этот файл с другими png-файлами в текстовом редакторе вижу что они не похожи Функция decode64 взята отсюда http://ntt.cc/2008/01/19/base64-encoder-decoder-with-javascript.html Я пробовал использовать atob вместо decode64 и тот же результат Изначально я отправлял 64-данные и на сервере делал перекодировку перед записью в файл: $upload_front = file_put_contents( $capture_dest_filename , base64_decode( preg_replace("/data:image\/png;base64,/", '', $original_frnt_img_val ) ) ); Это работало но из-за того, что данные в 64-битной кодировке втрое болше занимают места - возникла проблема с большими файлами...

Почти получилось Подскажите пожалуйста почему бордюр справа вылез и у меня не получается им управлять меняя padding-right, margin-right: 10px? https://jsfiddle.net/12cgbqn4/9/