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

Виникла проблема з новими адаптивними утилітами, прихованими / видимими класами , під час переходу на 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 

Я хочу створити чергуються 100% кольорові блоки. "Ідеальна" ситуація ілюструється як прихильність, а також поточна ситуація. Бажане налаштування: В даний час: Моєю першою ідеєю було створити клас div, надати йому колір тла та надати 100% ширини. .block { width: 100%; background: #fff; } Однак ви бачите, що це, очевидно, не …

96 css  twitter-bootstrap  width 

<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 

Додаток ASP.NET MVC4 Bootstrap 3 запускається з Microsoft Visual Studio Express 2013 для Web IDE. На консолі Chrome завжди відображається помилка http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2 Failed to load resource: the server responded with a status of 404 (Not Found) Цей файл існує у каталозі шрифтів у Провіднику рішень. Дія збірки встановлено на "Вміст", …

95 asp.net-mvc  twitter-bootstrap  visual-studio  asp.net-mvc-4  glyphicons 

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

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

Я щойно створив абсолютно нову кутовий-кліпроекту та запустив npm install bootstrap@4.0.0-beta jquery popper.js --save та змінив відповідні частини .angular-cli.json, як показано нижче "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], однак отримує помилку нижче 10:2287 Uncaught SyntaxError: Unexpected token export at eval (<anonymous>) at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object.../../../../script-loader/index.js!../../../../popper.js/dist/popper.js …

95 twitter-bootstrap  angular  webpack  popper.js 

Мені потрібна допомога, щоб вирішити проблему, мені потрібно відцентрувати вміст усередині стовпця в bootstrap4, будь ласка, знайдіть мій код нижче <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

Я використовую Twitter Bootstrap 2.0.1 у проекті Rails 3.1.2, реалізованому за допомогою bootstrap-sass. Я завантаження обидва bootstrap.cssі ті bootstrap-responsive.cssфайли, а також bootstrap-collapse.jsJavascript. У мене рідинний макет із панеллю навігації, подібною до прикладу . Це слідує інструкціям на панелі навігації щодо "адаптивних змін" тут . Це чудово працює: якщо сторінка вужча, …

94 css  ruby-on-rails-3  twitter-bootstrap 

Коли я запускаю модальний перегляд на моїй сторінці, це змушує смугу прокрутки зникати. Це дратівливий ефект, оскільки фонова сторінка починає рухатися, коли модальний пристрій входить / зникає. Чи існує ліки від цього ефекту?

94 javascript  twitter-bootstrap  modal-dialog 

Погляньте на наступне зображення, ми використовуємо карусель завантажувального ремінця для обертання зображень. Однак, коли ширина вікна велика, зображення не вирівнюється належним чином з межею. Але приклад каруселі, наданий bootstrap, завжди працює нормально, незалежно від ширини вікна. Слідуючи коду. Хтось може пояснити, чому карусель поводиться інакше? Це щось пов’язане з розміром …

93 javascript  jquery  twitter-bootstrap  carousel 

У мене є модальний спосіб завантаження 2.32, який я намагаюся динамічно вставити в HTML іншого подання. Я працюю з Codeigniter 2.1. Після динамічної вставки модального часткового подання bootstrap у подання я маю: <div id="modal_target"></div> як цільовий div для вставки. У моєму поданні є кнопка, яка виглядає так: <a href="#message" class="btn …

93 javascript  jquery  css  twitter-bootstrap  twitter-bootstrap-2 

Я намагався створити підменю twitter bootstrap у спадному меню, але у мене проблема: у мене є спадне меню у верхньому правому куті сторінки, і в цьому меню є ще одне підменю. Однак, коли підменю відкривається - воно не поміщається у вікні і надто сильно рухається вправо, так що користувач може …

93 javascript  jquery  css  twitter-bootstrap 

Я прочитав різні запитання, на які відповіли в Stack, про Twitter Bootstrap та шаблонний шаблон HTML5. Я знаю наступне: Bootstrap та H5BP не є рівнозначними та використовуються для різних цілей Я знаю, для чого використовується Bootstrap, я використовую його щодня - це інтерфейсний фреймворк, готовий до використання CSS та JS. …

93 twitter-bootstrap  html5boilerplate 

Виникають проблеми з завантажувальним ремеслом, тому допомога буде надзвичайною. Дякую Що б я хотів: (верхня частина) Мій поточний код: <div class="form-group"> <input type="text" class="form-control" id="findJobTitle" name="findJobTitle" placeholder="Job Title, Keywords" onkeyup="showResult()"> </div> Поточний знімок екрана:

93 twitter-bootstrap  twitter-bootstrap-3 

Ось мій код: <div class="container"> <div> <h1>Welcome TeamName1</h1> asdf <hr> asdf </div> </div> <!-- /container --> Здається, тег hr не працює, як я очікував би. Замість того, щоб малювати лінію, вона створює пробіл, приблизно так:

93 twitter-bootstrap