twitter-bootstrap- все статьи тега
Перенаправление на div на другой странице с плавной прокруткой?
Предыстория Вопроса: У меня есть 2-страничный веб-сайт. Обе страницы используют один и тот же masterlayout.cshtml Страница с навигационной панелью. В навигационной панели есть ряд ссылок, которые прокручиваются вниз к соответствующим дивам на странице один на основе их идентификаторов. Вопрос: Когда я получаю доступ ко второй странице, Я больше не могу перенаправлять на указанные divs из ссылок Navbar на первой странице. Это имеет смысл, так как фокус больше не на первой странице, но ка ...
Автоматический запуск и остановка видео YouTube с загрузкой Twitter
Я использую модальное окно Twitter Bootstrap для всплывающего видео lightbox, когда пользователь нажимает на изображение миниатюры видео (Пример: http://seniorshomecare.harmonyapp.com/how-we-can-help , Используйте пароль: shc). Если возможно, я хотел бы, чтобы видео автоматически воспроизводилось, когда lightbox всплывает, и автоматически останавливалось, когда пользователь закрывает lightbox. Есть несколько подобных вопросов, но ни один из них не помог мне сильно. Любая помощь будет весьма при ...
Bootstrap col-md-offset - * не работает
Я пытаюсь добавить класс Bootstrap offset в свой код для достижения выравнивания по диагонали следующим образом: Но я не знаю, какое смещение мне следует использовать. Я пробовал пару смещений, чтобы достичь этого, но безрезультатно.Текст покрывает весь джамботрон.Вот мой код Html: <div class="jumbotron"> <div class="container"> <div class="row"> <div> <h2 class="col-md-4 col-md-offset-4">Browse.</h2 ...
Selenium webdriver нажмите vs action.- а какая разница?
Я боролся с всплывающим диалогом на веб-сайте, который я автоматизирую, по какой-то причине он не нажимал кнопку в диалоге, но нормально взаимодействовал со всем остальным. Он также идентифицировал кнопку без проблем, и я мог видеть, когда наблюдал за его запуском, что он, казалось, нажимал кнопку, когда цвет менялся, поэтому я немного застрял. Мой код изначально выглядел довольно очевидным: - WebElement targetElement = waitforElement(threadSesh); targetElement.click(); Но когда я изменил ...
Создать отзывчивый Bootstrap navbar с двумя строками
Я пытаюсь создать отзывчивый Bootstrap 3 на основе navbar с двумя строками. Однако у меня возникли проблемы со структурой HTML и функциональностью свернуть. Ниже приведено визуальное описание желаемого результата, и я надеялся, что кто-то укажет мне правильное направление в терминах HTML/CSS (с максимально возможной загрузочной функциональностью по умолчанию). По существу меню желательно сделать следующее: На планшетные / настольные устройства, первая строка-логотип и меню небольшой втори ...
Передача переменных в модальный загрузчик?
Я искал другие потоки" переменная-модал", и я не могу найти ответ, который мне нужен. У меня есть ... ASP.NET приложение (не MVC) и у меня есть сетка, которая генерирует серию кнопок. Я пытаюсь сохранить свои модальные операции на стороне клиента. Полученный код кнопки выглядит следующим образом: <input type="button" value="Add Note" onclick="return false;javascript:__doPostBack('ctl00$ContentPlaceHolder1$grd888Poker','Button$4001')" class="btn btn- ...
Bootstrap игнорировать изменения стиля
Я разрабатываю простую веб-страницу, используя Twitter Bootstrap. На боковой панели у меня есть 3 кнопки. Каждая из этих кнопок вызывает функцию, чтобы показать один div и скрыть другие. HTML-код выглядит примерно так: <div> <div class="row" id="general" style="display:none"> Text1 </div> <div class="row" id="medication" style="display:none"> Text2 </div> <div class="row" id="diet" style="display:none"> Text3 </div> </di ...
Как вызвать функцию в react js из внешнего файла JS
Я пытался создать pop over для одного из моих элементов, которые используют react и bootstrap. Ниже приведен мой код реакции: - class Share extends React.Component{ render(){ return( <div>hello</div> ); } } var shareRenderFunc=function() { ReactDOM.render( <Share/> , document.getElementById('shareContainer') ); } Ниже приведен мой jquery, называемый shareRenderFunc() :- var popOverSettings = { placement: 'bottom', container: ' ...
в то время как bootstrap tooltip active предотвращает запуск события jquery
У меня есть поле ввода, которое отображает подсказку bootstrap при фокусировке. <input id="nombrecurso" name="nombrecurso" data-original-title="Required field!" data-toggle="tooltip" data-trigger="hover" data-delay='{"show":"200", "hide":"0"}' class="form-control input-lg"> <h6 class="count_message pull-right"></h6> Количество символов, оставшихся для этого поля, отображается ря ...
Переменная Javascript для начальной загрузки модальная
Получил то, что, вероятно, просто, но мой google подводит меня в данный момент, так что надеюсь, что я могу получить немного толчок в правильном направлении У меня есть HTML-страница, которая в основном представляет собой кучу флажков. Эти флажки предназначены для простой самооценки опросника Да / Нет, которые взвешиваются с различными значениями, основанными на вопросах. В конце анкеты вы нажимаете вычислить результаты, и он использует быструю функцию Javascript для вычисления баллов и опо ...
Как изменить индикаторы и элементы управления bootstrap carousel
Я застрял, пытаясь изменить расположение индикаторов и элементов управления bootstrap carousel. Похоже на что-то вроде этой карусели на этом сайте. http://www.mitre10.co.nz / были индикаторы и элементы управления находятся внизу и вдали от изображения. Вот мой живой вид http://codepen.io/riwakawebsitedesigns/pen/qdiup <header id="masterhead"> <div class="container"> <div class="slideshow"> <div id="slideshow" class="carousel slide" data-ride="carousel"> ...
Bootstrap 3 table-responsive не работает. X-полоса прокрутки отображается на всем сайте, а не на таблице
Когда ширина моего экрана уменьшается меньше минимальной ширины, которую может отображать моя таблица, вместо того, чтобы получить горизонтальную полосу прокрутки на обертке table-responsive, она увеличивает ширину всего моего сайта. Я перепробовал все решения SO, с которыми мне не повезло. Я подозреваю, что это как-то связано с моим стилем flexbox. В принципе, я оформил свой сайт так, что мой раздел содержимого главной страницы (который живет внутри <div id="aspnet-placeholder-content" clas ...
Удалить эффект наведения таблицы для одной ячейки в таблице загрузчика Twitter
Я работаю над веб-приложением, используя Twitter Bootstrap. В одном из наших представлений есть таблица, которая использует класс .table-hover. Однако в таблице есть определенные ячейки,которые я не хочу выделять, когда остальные их строки выделяются. Какие правила стиля я должен использовать для достижения этого эффекта? Примерно так организована моя таблица представлений: <table class="table table-hover"> <thead> <tr> <th /> <th ...
Bootstrap: выровнять текст кнопки слева
Как я могу выровнять текст слева внутри кнопки начальной загрузки? У меня есть несколько кнопок с текстом разной длины, и все кнопки должны иметь одинаковую ширину. Я достиг этого, используя класс col-xs-11. Пример кода кнопки ниже: <input type="button" value="Applicant/Subsidiary" id="mybutton" name="test" class="primary-btn col-xs-11"> Возможно ли достичь этого без создания пользовательского стиля, отличного от того, что предоставляет bootstrap? Я использую начальной загрузки В3.0.1 ...
Bootstrap: Tab Font-Size не меняется с CSS
Я пытаюсь изменить размер шрифта вкладок Twitter Bootstrap на веб-странице. Вроде бы все просто, но почему-то не получается. Все работает в моем примере JSfiddle: http://jsfiddle.net/Ww5Cw/. Однако он не работает должным образом на фактической веб-странице: http://chooserealtoday.com/new.html (прокрутите немного вниз-только вкладки на странице). Я изменил размер шрифта на 22px через Google Chrome Inspector (.навигация-закладки li a) и это работает, но когда я добавляю .nav-tabs li a {font-si ...
Флажок Bootstrap input выровнять по вертикали
Используя Bootstrap версии 2.3.2, у меня есть макет формы, подобный изображению ниже, и поскольку флажок имеет встроенную метку, есть проблема выравнивания. Добавление поля к input[type="checkbox"] дает только поле для флажка, а не встроенную метку. Как сделать так, чтобы флажок и его метка по вертикали совпадали с текстовыми полями рядом с ним? Вот JS BIN Если вам интересно. ...
Когда я делаю "обновление пакета", я получаю ошибку от драгоценного камня не в моем gemfile. Как я могу игнорировать эту зависимость?
Я работаю с проектом, который использует twitter-bootstrap-rails. Этот проект был построен на Linux box и использовал therubyracer в качестве среды выполнения javascript. Я сталкивался с проблемами, потому что therubyracer, похоже, не ладит с Windows. Therubyracer gem на windows Прямо сейчас я пытаюсь "свернуть обновление"; "therubyracer" душит вещи. Я думаю, что смогу опереться на JScript. Как мне сказать бандлеру, чтобы он проигнорировал это, без копаться в каждом драгоценном камне и ...
Как воспроизвести видео во всех браузерах / устройствах с помощью JW Player?
Я использую JW Player в своем проекте, который содержит много видео в форматах: MP4, FLV, OGV, WMV Я прочитал документацию по различным форматам, которые поддерживает каждый браузер. Итак, теперь я использую MP4 (Chrome, Safari), FLV(IE,7,8, 9) и WEBM(Mozilla). jwplayer('container').setup({ height: 309, width: 549, levels: [ { file: "video.mp4" }, { file: "video.webm" }, { file: "video.f ...
Таблица данных Bootstrap-разное количество ячеек строк одинаковой ширины
У меня есть таблица данных bootstrap (3.3.7), которую я хочу разместить одинаковой ширины на всех tds. В конце концов, я хотел бы, чтобы все строки с 3 ячейками доходили до правой стороны таблицы, сохраняя одинаковую ширину в каждой ячейке. Я провел массу исследований, чтобы найти что-то подобное, но потерпел неудачу, так что любая помощь в этом была бы очень признательна. Следующий скриншот - это то, что у меня сейчас есть: И вот что я хотел бы изменить в моей таблице кому: .col- ...
Простая форма как сделать флажок принять условия встроенным
<p><%= f.input :terms, :as => :boolean, :label => false, :boolean_style => :inline %> Accept <%= link_to "Terms of use", terms_path,:remote => true %> and <%=link_to "privacy Policy", privacy_path, :remote => true%></p> В конечном итоге это выглядит так Как лучше всего выстроить их в одну линию? ...