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

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

9
Як додати Bootstrap 3 для вибору дати на проект MVC 5 за допомогою механізму Razor?
Мені потрібні деякі вказівки щодо того, як встановити Bootstrap 3 для вибору дати на проект MVC 5 за допомогою движка Razor. Я знайшов це посилання тут, але не зміг змусити його працювати у VS2013. Копіюючи з прикладу в наступному посиланні вище, я вже зробив наступне: bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/bootstrap-datepicker.js", // …
13
Вкладки Twitter Bootstrap не працюють: коли я натискаю на них, нічого не відбувається
Я намагаюся застосувати вкладки Twitter Bootstrap у наступному коді, але, схоже, це не працює. Вкладки відображаються, але коли я натискаю на них, нічого не відбувається. Нижче наведено єдиний код, який я використовую. Усі інші сценарії CSS / JS копіюються з фреймворку Twitter Bootstrap. <!DOCTYPE html> <html lang="en"> <head> <!-- Le …
3
Шрифт Awesome vs Glyphicons у Twitter Bootstrap
Я новачок у веб-розробці, і нещодавно я почав працювати з Twitter Bootstrap, я знаю, що він використовує Glyphicons, які я вже знаю, як використовувати. Але я також натрапив на Font Awesome, який каже, що він створений для Bootstrap. Які відмінності між ними? Я маю на увазі, чи є одне альтернативою …
24
Спадне меню Bootstrap не працює
Я не можу змусити спадне меню завантажувача працювати. Ось мій html для nav: <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a> <ul class="dropdown-menu" role="menu"> <li><a href="#">asds</a></li> <li class="divider"></li> </ul> </li> <li>Payday loans</li> <li>About</li> <li>Contact</li> </ul> І ось сценарії: <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown() }); </script> …
16
Введення файлу Bootstrap 4
Я борюся з браузером файлів bootstrap 4. Якщо я використовую custom-file-control, я постійно бачитиму Вибрати значення файлу. https://v4-alpha.getbootstrap.com/components/forms/#file-browser Я хотів би змінити значення файла вибору після того, як файл вибрано. Це значення насправді приховане в css, .custom-file-control:lang(en)::afterі я не знаю, як отримати до нього доступ і змінити його в javascript. …
16
Bootstrap 3 .col-xs-offset- * не працює?
Я використовую сіткову систему bootstrap 3 до цього часу, і все працювало добре, я намагаюся використовувати col-xs-offset-1 і не працює, хоча .col-sm-offset-1 працює. Чого мені тут не вистачає? <div class="col-xs-2 col-xs-offset-1">col</div> http://jsfiddle.net/petran/zMcs5/2/
9
Рекомендований спосіб включити завантажувальну бібліотеку до програми Ember.JS ember-cli
Я намагаюсь правильно встановити Twitter Bootstrap у своєму поточному проекті ember-cli. Я встановив bootstrap з bower: bower install --save bootstrap Тепер бібліотека завантажується в / vendor / bootstrap / dist / (css | js | шрифти). Я спробував те, що згадується тут: http://ember-cli.com/#managing-dependencies, замінивши імена файлів шляху та css, але …
14
Додавання ефекту слайда до випадаючого меню початкового завантаження
Я використовую bootstrap , і я хотів би додати анімацію до випадаючого списку. Я хочу додати до нього анімацію, ковзаючи вниз і назад, коли виходите з неї. Як я міг це зробити? Те, що я спробував: Зміна випадаючого файлу Js таким чином: Як я можу зробити так, щоб випадаючий список …
9
Правильний спосіб створення закруглених кутів у Twitter Bootstrap
Я щойно розпочав роботу з Twitter Bootstrap, і ось одне питання. Я створюю власний <header>блок, і я хочу, щоб його нижні кути були округлені. Чи існує якийсь "правильний" спосіб зробити це за допомогою заздалегідь визначених класів, або я повинен вказати це вручну, як: border-radius: 10px; // and all that cross-browser …
9
Анімація згортання бутстрапа не плавна
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="form-group"> <a for="collapseOne" data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="btn btn-primary">+ addInfo </a> <textarea class="form-control collapse" id="collapseOne" rows="4"></textarea> </div> <div class="form-group"> <a for="collapseTwo" data-toggle="collapse" href="#collapseTwo" aria-expanded="true" aria-controls="collapseOne" class="btn btn-info">+ subtitle </a> <input type="text" class="form-control collapse" id="collapseTwo"> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент Проблема …
8
Використовуйте FontAwesome або Glyphicons з css: before
Чи є спосіб вбудувати HTML в content:елемент css при використанні:before псевдоелемента? Я хочу використовувати Font Awesome (або Glyphicon) у такому випадку використання: h1:before { content: "X"; padding-right: 10px; padding-left: 10px; color: @orangeLight; } Де Xщось подібне<i class="icon-cut"></i> . Звичайно, я можу зробити це вручну в HTML, але я дуже хочу …
9
Вирівнювання лівого та правого кнопок модального колонтитула в Bootstrap 4
Bootstrap 4 використовує flex-box для модальних колонтитулів. Якщо я хочу дві кнопки, одну зліва та одну праворуч, як я можу змусити її працювати належним чином? Наведений нижче код намагається використовувати div.rowз , col-sm-6але не працює. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> <button …
5
JQuery завантажується лише під час оновлення сторінки в програмі Rails 4
Я створив додаток Rails 4 і додав бібліотеку fancybox для ефекту спливаючого зображення. Це працює нормально, але лише тоді, коли сторінка оновлюється. Якщо сторінку не оновлює користувач, тоді jquery взагалі не працює. Я спробував протестувати його також за допомогою невеликих методів jquery, але всі вони працюють лише після оновлення сторінки. …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.