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

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

3
Горизонтальний подільник для завантаження 3 (не у спадному меню)
Я знаю Bootstrap 3, є горизонтальний роздільник, який ви можете розмістити всередині випадаючих меню, щоб розділити такі посилання: <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2"> <li role="presentation" class="dropdown-header">Dropdown header</li> ... <li role="presentation" class="divider"></li> </ul> Моє запитання: чи є спосіб зробити це без того, щоб він знаходився у спадному меню, наприклад, включити його до …

14
Перезавантажити вміст у модальному режимі (twitter bootstrap)
Я використовую модальне спливаюче вікно завантаження. <div id="myModal" class="modal hide fade in"> <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Header</h3> </div> <div class="modal-body"></div> <div class="modal-footer"> <input type="submit" class="btn btn-success" value="Save"/> </div> </div> Я можу завантажити вміст за допомогою ajax за допомогою цього a-елемента: <a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a> Тепер я маю відкрити …

1
Чому Bootstrap 3 перейшов на розмір коробки: border-box?
Я мігрую свої теми Bootstrap з v2.3.2 на v3.0.0, і одне, що я помітив, - це те, що багато розмірів обчислюються по-різному, завдяки наступним стилям у bootstrap.css. *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } Хто-небудь може пояснити, чому Bootstrap перемикає розмір коробки всіх елементів на рамку? …

12
Як встановити зміщення для ScrollSpy в Bootstrap?
У мене є сайт з фіксованим наверхом на верхній панелі та 3 дівами внизу в основній області вмісту. Я намагаюся використовувати scrollspy з рамок завантаження. У мене це вдало підкреслює різні заголовки в меню, коли ви прокручуєте повз діви. У мене також є, тому коли ви натискаєте меню, воно прокручується …

1
Вибір дати та часу Bootstrap [закрито]
В даний час це питання не підходить для нашого формату запитань та відповідей. Ми очікуємо, що відповіді будуть підтверджені фактами, посиланнями чи експертизою, але це питання, швидше за все, вимагатиме дебатів, аргументів, опитування чи розширеного обговорення. Якщо ви вважаєте, що це питання можна покращити і, можливо, знову відкрити, відвідайте довідковий …

6
popper.js у bootstrap 4 дає SyntaxError Несподіваний експорт токена
Я спробував встановити bootstrap 4 і включив наступні посилання <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Але виникає така помилка: Невизначена синтаксис Помилка: Несподіваний експорт маркера Будь-які ідеї, як це виправити?

18
Як встановити вибране значення для вибору за допомогою плагіну selectpicker з завантажувального пристрою
Я використовую плагін Bootstrap-Select так: HTML : <select name="selValue" class="selectpicker"> <option value="1">Val 1</option> <option value="2">Val 2</option> <option value="3">Val 3</option> <option value="4">Val 4</option> </select> Javascript : $('select[name=selValue]').selectpicker(); Тепер я хочу встановити вибране значення для цього вибору при натисканні кнопки ... щось подібне: $('#mybutton').click(function(){ $('select[name=selValue]').val(1); }); Але нічого не відбувається. Як я …

18
Вибір завантажувача дати завантаження приховати після вибору
Як приховати календар після вибору дати? Чи є певна функція, яку я можу використовувати? Мій код нижче: $('#dp1').datepicker({ format: 'mm-dd-yyyy', startDate: '-15d', autoclose: true, endDate: '+0d' // there's no convenient "right now" notation yet }); Будь-яка допомога буде вдячна.

8
Як створити чуйний образ, який також масштабується в Bootstrap 3
В даний час я використовую завантажувальний трейтер 3, і я зіткнувся з проблемою, щоб створити чуйне зображення. Я використовував img-responsiveклас. Але розмір зображення не збільшується. Якщо я використовую width:100%замість max-width:100%цього, він працює чудово. Де проблема? Це мій код: <div class="col-md-4 col-sm-4 col-xs-12 "> <div class="product"> <div class="product-img "> <img class="img-responsive" …

13
Bootstrap 3 і 4 .контейнер-рідина з сіткою, що додає небажану прокладку
Я хотів би, щоб мій вміст був текучим, але при використанні .container-fluidз сіткою Bootstrap я все ще бачу відступ. Як я можу позбутися прокладки? Я бачу, що я не отримую заповнення за допомогою .row, але я хочу додати стовпці, і як тільки я це отримаю, заповнення повертається: O. Я хочу …


8
Налаштування та розмір зображення відповідно до div (bootstrap)
Я намагаюся отримати зображення, яке відповідає певному розміру div. На жаль, зображення не відповідає йому і натомість пропорційно зменшується до розміру, який недостатньо великий. Я не впевнений, що найкращий спосіб зробити так, щоб зображення вмістилося всередині нього. Якщо цього недостатньо коду, я був би радий надати більше, і я готовий …

8
Як передати параметри модально?
Я хочу передати userNameсписок зі userNameзареєстрованих натискань користувачів на завантажувальний твіттер modal. Я використовую граалі з angularjs , де дані надаються через angularjs . Конфігурація Моя сторінка перегляду граалів encouragement.gspє <div ng-controller="EncouragementController"> <g:render template="encourage/encouragement_modal" /> <tr ng-cloak ng-repeat="user in result.users"> <td>{{user.userName}}</rd> <td> <a class="btn btn-primary span11" href="#encouragementModal" data-toggle="modal"> Encourage </a> …

3
“Icon-bar” у навігаційній панелі twitter bootstrap
Я не можу зрозуміти, що означає наступний код з точки зору icon-bar: <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> Для чого icon-bar? Чому є три подібні випадки цього? Цей код знаходиться в розділі навігаційної панелі: <div class="navbar-header"> ... </div>

14
Стилізація кнопок завантажувального твіттера
Кнопки Twitter-Bootstrap надзвичайно красиві. Спробуйте їх, прокрутивши їх Але вони обмежені у кольорах. Чи є спосіб змінити базовий колір кнопки, зберігаючи прекрасний ефект наведення курсору, який завантажувальний ремінь зробив таким гарним і невимушеним? Я абсолютно не знаю, як виглядає css / javascript, який Twitter використовує для підтримки цих ефектів.

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