Запитання з тегом «twitter-bootstrap»

Bootstrap - це фронтальна основа, призначена для початку проекту веб-додатків та сайтів. Для питань, пов’язаних з версією Bootstrap, також використовуйте тег конкретної версії з тегів "twitter-bootstrap-2", "twitter-bootstrap-3" та "bootstrap-4".

30
Як зробити меню завантаження програми Twitter Bootstrap на курсор, а не на клацання
Мені хотілося б, щоб меню Bootstrap автоматично випадало на наведення курсору, а не потрібно було натискати назву меню. Я також хотів би втратити маленькі стрілки поруч із заголовками меню.

30
Відцентруйте стовпець за допомогою Twitter Bootstrap 3
Як я можу центрувати поділ розміром одного стовпця в контейнері (12 стовпців) у Twitter Bootstrap 3 ? .centered { background-color: red; } <body class="container"> <div class="col-lg-1 col-offset-6 centered"> <img data-src="holder.js/100x100" alt="" /> </div> </body> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент Я хочу div, щоб клас .centeredбув зосереджений у контейнері. Я можу …

30
Як я можу зробити стовпці Bootstrap однакової висоти?
Я використовую Bootstrap. Як я можу зробити три стовпчики однакової висоти? Ось скріншот проблеми. Я хотів би, щоб сині та червоні стовпці були такої ж висоти, як і жовта. Ось код: <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-xs-4 panel" style="background-color: red"> some content </div> <div class="col-xs-4 panel" style="background-color: …

23
вертикальне вирівнювання з Bootstrap 3
Я використовую Twitter Bootstrap 3, і у мене виникають проблеми, коли я хочу вирівняти два вертикально div, наприклад - посилання JSFiddle : <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <div class="row"> …

14
Як відкрити модальне вікно Bootstrap за допомогою jQuery?
Я використовую функцію модального вікна Twitter Bootstrap. Коли хтось натискає кнопку "Надіслати" на мою форму, я хочу показати модальне вікно, натиснувши кнопку "надіслати" у формі. <form id="myform" class="form-wizard"> <h2 class="form-wizard-heading">BootStap Wizard Form</h2> <input type="text" value=""/> <input type="submit"/> </form> <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> …

6
Що таке sr-тільки у Bootstrap 3?
Для чого sr-onlyвикористовується клас ? Це важливо чи можна його зняти? Добре працює без. Ось мій приклад: <div class="btn-group"> <button type="button" class="btn btn-info btn-md">Departments</button> <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">Toggle Dropdown</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Sales</a></li> <li><a href="#">Technical</a></li> <li class="divider"></li> <li><a href="#">Show all</a></li> </ul> …



30
Модальний завантажувальний апарат з'являється під фоном
Я використовував код для свого модального прямо з прикладу Bootstrap і включав лише bootstrap.js (а не bootstrap-modal.js). Однак мій модальний екран з’являється під сірим відтінком (фоном) і не піддається редагуванню. Ось як це виглядає: Дивіться цю скрипку за один спосіб , щоб відтворити цю проблему. Основна структура цього коду така: …

26
Кнопка завантаження елемента файлу форми завантаження Twitter
Чому не існує кнопки завантаження елегантних файлових файлів для завантажувального твітера? Було б солодко, якби для кнопки завантаження була реалізована синя основна кнопка. Чи можливо навіть відточити кнопку завантаження за допомогою CSS? (здається, як власний елемент браузера, яким не можна маніпулювати)

23
Як отримати концентрований вміст за допомогою Twitter Bootstrap?
Я намагаюся наслідувати дуже основний приклад. Користуючись початковою сторінкою та сітковою системою , я сподівався на таке: <div class="row"> <div class="span12"> <h1>Bootstrap starter template</h1> <p>Example text.</p> </div> </div> Виконати фрагмент кодуСховати результатиРозгорніть фрагмент ... створював би текст, що зосереджений. Однак він все ще з’являється в крайній лівій частині. Що я …

18
Забороніть закриття модального вікна Twitter Bootstrap
Я створюю модальне вікно за допомогою Twitter Bootstrap. Поведінка за замовчуванням - якщо ви натиснете за межі модальної області, модаль автоматично закриється. Я хотів би відключити це - тобто не закривати модальне вікно при натисканні поза модальним. Чи може хтось поділитися кодом jQuery для цього?


11
Прив’яжіть функцію до Twitter Bootstrap Modal Close
Я використовую вкладку Twitter Bootstrap для нового проекту, і я хочу, щоб частина сторінки оновила та отримала останні дані json на модальному закритті. Я не бачу цього ніде в документації, хтось може мені це вказати чи запропонувати рішення. Дві проблеми з використанням документованих методів $('#my-modal').bind('hide', function () { // do …

10
Передача даних до режиму завантаження
У мене є декілька гіперпосилань, до яких кожен приєднав ідентифікатор. Коли я натискаю на це посилання, я хочу відкрити модальний ( http://twitter.github.com/bootstrap/javascript.html#modals ) і передати цей ідентифікатор модальному. Я шукав у Google, але не знайшов нічого, що могло б мені допомогти. Це код: <a data-toggle="modal" data-id="@book.Id" title="Add this item" class="open-AddBookDialog"></a> …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.