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

Я намагаюся встановити Bootstrap 3.0 у своєму додатку Rails. Нещодавно я закінчив підручник Майкла Хартла і зараз намагаюся створити власну систему за допомогою цієї нової версії Bootstrap, але у мене є кілька питань, в яких я не впевнений. Моя система: OS X Mountain Lion на MBP Рейки 4.0 Рубін 2.0 …

112 ruby-on-rails  ruby  twitter-bootstrap-3 

У мене проблема, з модальним. У мене на сторінці є кнопка, яка перемикає модаль. Коли модальний показ відображається, сторінка переходить наверх. Я зробив усе, що міг, щоб знайти рішення / тощо, але я справді програв. Редагувати: Я також спробував: $('#myModal').modal('show');але це точно такий же ефект.

111 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-3 

Такого ефекту я намагаюся досягти за допомогою каруселі Bootstrap 3 Замість того, щоб показувати один кадр одночасно, він відображає N кадру, котрі просуваються поруч. Потім, коли ви слайд (або коли він автоматично ковзає), він зміщує групу слайдів, як це робиться. Це можна зробити за допомогою каруселі bootstrap 3? Я сподіваюся, …

110 jquery  twitter-bootstrap-3  jquery-plugins  carousel  bootstrap-4 

Я намагаюсь зменшити висоту завантаження 3.0 для навантажувача, яка використовується з фіксованою поведінкою верху. Тут я використовую код. HTML <div class="tnav"> <div class="navbar navbar-fixed-top" role="banner"> <div class="navbar-inner-sm"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <nav class="collapse navbar-collapse" …

108 twitter-bootstrap  navbar  twitter-bootstrap-3 

Я хотів би, щоб мітки були не над полем введення, а зліва. <form method="post" action="" role="form" class="form-inline"> <div class="form-group"> <label for="rg-from">Ab: </label> <input type="text" id="rg-from" name="rg-from" value="" class="form-control"> </div> <div class="form-group"> <label for="rg-to">Bis: </label> <input type="text" id="rg-to" name="rg-to" value="" class="form-control"> </div> <div class="form-group"> <input type="button" value="Clear" class="btn btn-default btn-clear"> <input …

104 css  twitter-bootstrap-3 

я спробував це, але пішов не так ось css body .modal-ku { width: 750px; } і ось невдалий результат

104 html  css  twitter-bootstrap-3 

Я новачок у Bootstrap і маю старішу версію 2.3.2. Версія 3 випущена. Чи просто я замінюю файли CSS та Javascript, якщо хочу використовувати останню версію?

102 twitter-bootstrap  twitter-bootstrap-3 

Я щойно відвідав цю сторінку http://www.elmastudio.de/ і поцікавився, чи можна створити згортання лівої бічної панелі за допомогою Bootstrap 3. Код, щоб згорнути бічну панель зверху (лише телефон): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> Сама бічна панель має клас прихованих xs. Він видаляється за допомогою …

102 twitter-bootstrap-3  bootstrap-4  sidebar  collapse 

Для чого призначений tabindexатрибут у Bootstrap 3? Його документація нічого не говорить про них, хоча вони використовують їх практично у всіх модальних режимах. Я знаходжу це лише щодо його використання, що насправді не говорить багато про що Доступні підказки для користувачів клавіатури та допоміжних технологій Користувачам, які здійснюють навігацію за …

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

Я знаю 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> Моє запитання: чи є спосіб зробити це без того, щоб він знаходився у спадному меню, наприклад, включити його до …

98 twitter-bootstrap  twitter-bootstrap-3 

Я мігрую свої теми 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 перемикає розмір коробки всіх елементів на рамку? …

98 css  twitter-bootstrap  twitter-bootstrap-3  boxsizer 

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

97 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Виникла проблема з новими адаптивними утилітами, прихованими / видимими класами , під час переходу на Bootstrap 4 . Мені відомо, що .hidden- класи було вилучено з v3 і замінено на .hidden-*-up .hidden-*-down. Використовуючи нові .hidden-*-up.hidden-*-downкласи, але елементи не змінюються на видимі / приховані. Не можу зрозуміти, чому. <div class="col hidden-xs-down"> …

96 twitter-bootstrap  twitter-bootstrap-3  hide  hidden  twitter-bootstrap-4 

<div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> JSfiddle Я здогадуюсь, що я б зберігав вміст форми у функції javascript ... Як я можу вмістити форму в програмі завантаження?

95 javascript  jquery  twitter-bootstrap  twitter-bootstrap-3  popover 

Отже, я використовую цей код, щоб відкрити інше модальне вікно в поточному модальному вікні: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> Що трапляється, приблизно протягом 500 мс смуга прокрутки дублюється. Я здогадуюсь тому, що поточний спосіб все ще згасає. Однак це виглядає дуже негладко і заїкаючись. Буду вдячний за будь-які пропозиції щодо вирішення цього …

95 javascript  jquery  twitter-bootstrap  modal-dialog  twitter-bootstrap-3