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>

В описании читаю:

Цитата

   Тег <dd> входит в тройку элементов <dl>,  <dt>, <dd>, предназначенных      для создания списка определений. Каждый такой список начинается с контейнера <dl>, куда входит тег <dt> создающий термин и тег <dd> задающий определение      этого термина. Закрывающий тег </dd> не обязателен,      поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее,      хорошим стилем является закрывать все теги.
 
Синтаксис
  <dl>
  <dt>Термин 1</dt>
   <dd>Определение термина 1</dd>
  <dt>Термин 2</dt>
   <dd>Определение термина 2</dd>
</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
где в доке написано

Цитата

Create a list of links to image files, optionally with enclosed thumbnails and add them to the body of your webpage, before including the Gallery script:

Но я попробовал без иконок - не работает...

    Спасибо !

Всем привет,

Есть такой компонент 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

Спасибо !

19 часов назад, Vlad_P сказал:

ссылку бы дал

Я в начале давал принтскрин как все выглядлит в 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 без перекодировки и изменений но при попытке прочитать его получаю

Цитата

"Loading capture.png" failed

И открыв этот файл в текстовом редакторе я вижу принтскрин
Сравнивая этот файл с другими 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/