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

Що стосується BS 3, якщо мені потрібна лише вузька колонка вмісту праворуч, я міг би використовувати клас зміщення 9 і стовпець 3. Однак що, якби я хотів зворотний бік і з лівого боку? Чи є правильний спосіб зробити це в BS або я повинен просто використовувати власні методи CSS? Я …

93 twitter-bootstrap-3 

Виникають проблеми з завантажувальним ремеслом, тому допомога буде надзвичайною. Дякую Що б я хотів: (верхня частина) Мій поточний код: <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 

Чи можете ви сказати мені, яка система чи поведінка лежать в основі data-targetатрибута, використовуваного Bootstrap 3? Я знаю, що перемикач даних використовувався для націлювання API JavaScript Bootstrap графічної функціональності.

93 twitter-bootstrap-3 

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

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

У мене є такий код: <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 

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

90 twitter-bootstrap  twitter-bootstrap-3 

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

90 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

Зараз я переходжу свій веб-сайт на Bootstrap 3.0. У мене проблема з введенням форми та форматуванням тексту. Те, що працювало в Bootstrap 2, не працює в Bootstrap 3. Як я можу отримати текст в одному рядку до і після введення форми? Я звузив це до проблеми з класом 'form-control' у …

89 html  formatting  twitter-bootstrap-3 

Це моя проста навігаційна панель: <div class="navbar navbar-fixed-top myfont" role="navigation"> <div class=""> <ul class="nav navbar-nav navbar-left"> <li> <a class="navbar-brand" href="#"> <img src="assets/img/logo.png"/> </a> </li> <li> <button class="btn btn-navbar"> <i class="fa fa-edit"></i> Create </button> </li> </ul> </div> <ul class="nav navbar-nav navbar-right"> <li data-match-route="/"><a href="#/page-one">Login</a></li> <li data-match-route="/"><a href="#/page-two/sub-a">Signup</a></li> </ul> </div> Я просто …

88 css  twitter-bootstrap-3  navbar  collapse  preventdefault 

Я вже використовував гліфікони в bootstrap 2.3, але тепер перейшов на bootstrap 3.0. Зараз я не можу використовувати властивість icon. У bootstrap 2.3 працює тег нижче <i class="icon-search"></i> У bootstrap 3.0 це не працює.

86 html  css  twitter-bootstrap-3 

Я починаю роботу з Bootstrap 3, і у мене виникають проблеми з розумінням того, як класи сітки призначені для використання. Ось що я зрозумів до цього часу: Здається, класи col-sm-#та col-lg-#відрізняються від звичайних старих col-#тим, що застосовуватимуться лише тоді, коли екрани перевищують певний розмір (768px та 992px відповідно). Якщо ви …

85 html  css  twitter-bootstrap  twitter-bootstrap-3 

З Bootstrap 3 більше немає окремих файлів для адаптивних та стандартних таблиць стилів. Тож як я можу легко видалити адаптивні функції?

85 twitter-bootstrap  responsive-design  media-queries  twitter-bootstrap-3 

Будь ласка, поясніть мені, коли використовувати класи containerта row. Я не впевнений, оскільки документація Bootstrap є досить незрозумілою щодо цієї частини. Я використовую Bootstrap 3.

84 twitter-bootstrap-3 

У чому різниця між bootstrap.css та bootstrap-theme.css, знайденими у файлі bootstrap, коли ми завантажуємо bootstrap?

84 css  twitter-bootstrap-3 

Використовуючи Bootstrap, у мене є колонка сітки class = "col-lg-3", яку я хочу розмістити в позиції: виправлено, тоді як інший .col-lg-9 є нормальним положенням (можна прокручувати сторінку). <div class="row"> <div class="col-lg-3"> Fixed content </div> <div class="col-lg-9"> Normal scrollable content </div> </div> Так само, як і лівий стовпець на LifeHacker.com Ви …

83 css  twitter-bootstrap  twitter-bootstrap-3