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

Це мій перший досвід завантаження в Twitter. Я додав деякі заголовки (h1, h2 тощо), і вони вирівняні за лівою стороною. Який правильний спосіб центрувати заголовки?

93 twitter-bootstrap 

Чи можна змінити основний колір початкового кольору, щоб він відповідав кольору бренду? У моєму випадку я використовую паперову тему bootswatch.

93 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

Чи можна зробити так, щоб навігація на бічній панелі завжди залишалася фіксованою на прокрутці в макеті рідини?

92 css  twitter-bootstrap  css-position  fluid-layout 

Спочатку я створив веб-програму в HTML, CSS та JavaScript, а потім попросив створити її знову в Bootstrap. Я все це зробив чудово, але в веб-програмі у мене були кнопки перемикання, які замінили кнопки радіо (спочатку прапорець) замість кнопок перемикання, які я мав спочатку. Код кнопок: <label> Notifications <span class='toggle'> <input …

92 javascript  jquery  css  twitter-bootstrap  jqtouch 

У мене є такий код: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

Я використовую premailer-rails3дорогоцінний камінь, який витягує стилі для HTML-повідомлень, і намагаюся змусити його працювати за допомогою завантажувального ремесла Twitter. https://github.com/fphilipe/premailer-rails3 Схоже, деякі стилі входять правильно, але не всі. Мені цікаво, чи є у кого хороший робочий приклад отримання свого Twitter Bootstrap css (модифікованого чи ні) у html електронному листі. Дякую!

92 html  twitter-bootstrap  html-email 

Це стає дратує - коли я натискаю на елемент у спадному меню Bootstrap, випадаючий список не закривається. У мене налаштовано відкривати лайтбокс Facebox, коли ви клацаєте на випадаючий елемент, але з цим виникає проблема. Те, що я пробував Коли клацнули елемент, я спробував зробити це: $('.dropdown.open').removeClass('open'); $('.dropdown-menu').hide(); Це приховує, але …

92 jquery  twitter-bootstrap 

Як можна покласти посилання на кнопку із завантажувальним ремінцем? У документації до бутстрапа є 4 методи: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> Перший не працює для мене, жодна кнопка не відображається, лише текст із …

92 html  twitter-bootstrap  button  hyperlink 

Я дуже нуб, тому я думаю, що я наглядаю за чимось (можливо, очевидним) за допомогою модального твіттера. Я намагаюся отримати модальний запуск лише на мобільному. Це чудово працює з додаванням класу .visible-phone на модальний div. Все йде нормально. Але тоді я хочу, щоб це працювало, тобто ви можете закрити його …

91 twitter-bootstrap  modal-dialog 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Не можу …

91 css  twitter-bootstrap  bootstrap-4 

Я використовую Twitter Bootstrap і намагаюся відцентрувати кнопку в комірці таблиці. Мені це дійсно потрібно лише по центру вертикально. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Будь ласка, зверніться до мого JSFiddle для проблеми. …

90 css  twitter-bootstrap 

Я використовую фреймворк CSS bootstrap twitter (що є фантастичним). Для деяких повідомлень користувачам я відображаю їх за допомогою сповіщень Javascript JS та CSS. Для зацікавлених його можна знайти тут: http://getbootstrap.com/javascript/#alerts Моє питання в цьому; після того, як я показав попередження користувачеві, я хотів би, щоб воно просто зникло через певний …

90 javascript  jquery  css  twitter-bootstrap  alert 

Я намагаюся використати підказку Bootstrap у своєму додатку. У моєму додатку використовується AngularJS На даний момент я маю таке: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Я думаю, мені потрібно використовувати $("[data-toggle=tooltip]").tooltip(); Однак я не впевнений. Навіть коли я додаю рядок вище, мій код …

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

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

90 twitter-bootstrap  twitter-bootstrap-3 

У мене є bootstrap v3. Я використовую class="active"на моєму, navbarі він не перемикається, коли я натискаю елементи меню. Я знаю, як це зробити jQueryта побудувати функцію клацання, але я думаю, що ця функція повинна бути включена в bootstrap? То, можливо, це проблема JavaScript? Ось мій заголовок із включеними файлами js …

90 javascript  html  twitter-bootstrap  twitter-bootstrap-3