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

Я розробляю веб-сторінку, на якій я використовую Bootstrap Framework Twitter та їхні програми Bootstrap Tabs JS . Це чудово працює за винятком кількох незначних питань, одна з яких - я не знаю, як безпосередньо перейти на певну вкладку із зовнішнього посилання. Наприклад: <a href="facility.php#home">Home</a> <a href="facility.php#notes">Notes</a> слід перейти на вкладку …

358 javascript  html  tabs  twitter-bootstrap 

Як я міг стилювати колір, розмір та тінь піктограм із значків шрифту Awesome ? Наприклад, на сайті Font Awesome будуть показані деякі піктограми білого кольору, а деякі червоного кольору, але не буде показано, CSSяк їх стилювати таким чином ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

Я використовую завантажувальний засіб на своєму веб-сайті і у мене виникають проблеми з фіксованою верхівкою навбара. Коли я просто використовую звичайний навбар, все добре. Однак, коли я намагаюся переключити його на фіксовану верхівку навбар, весь інший вміст на сайті зміщується вгору, немов навібара там немає, і навбар перекриває його. ось …

347 html  twitter-bootstrap 

Проблема: Видаліть прокладку / край праворуч і ліворуч від col-md- * у Bootstrap 3. HTML-код: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> <div class="widget-header"> <h3>Results</h3> </div> …

342 css  twitter-bootstrap  html 

Як вирівняти елемент навигації праворуч? Я хочу мати логін та зареєструватися праворуч. Але все, що я намагаюся, здається, не працює. Це те, що я намагався поки що: <div>навколо <ul>з атрибутом:style="float: right" <div>навколо <ul>з атрибутом:style="text-align: right" випробував ці дві речі на <li>тегах спробував усе це знову з !importantдоданим до кінця змінено …

341 css  twitter-bootstrap  flexbox  bootstrap-4  navbar 

Як можна додати гліфікон до поля введення тексту? Наприклад, я хочу мати "icon-user" у введенні імені користувача, приблизно так:

340 css  twitter-bootstrap  glyphicons 

Коли я використовую select2 (input) в режимі завантаження, я нічого не можу вводити в нього. Це як інвалід? Поза модальним select2 працює чудово. Приклад роботи: http://jsfiddle.net/byJy8/1/ код: <!-- Modal --> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Panel</h3> </div> <div …

338 jquery  twitter-bootstrap  jquery-select2 

Я шукаю спосіб вертикального центру containerділити всередині jumbotronта встановити його посередині сторінки. .jumbotronПовинно бути адаптоване до повної ширині і висоті екрану. .containerDIV має ширину 1025pxі повинен бути в середині сторінки ( по вертикалі в центрі). Я хочу, щоб ця сторінка мала адаптер, пристосований до висоти та ширини екрана, а також …

333 html  css  twitter-bootstrap  twitter-bootstrap-3  vertical-alignment 

Bootstrap 3 все ще знаходиться в RC, але я просто намагався його реалізувати. Я не міг зрозуміти, як поставити клас підменю. Навіть немає класу в css і навіть нові документи про це нічого не говорять Він був там у 2.x із назвою класу як спадне підменю

324 css  twitter-bootstrap  twitter-bootstrap-3  submenu 

Я намагаюся зосередити свій контейнер посередині сторінки за допомогою Bootstrap 4. Я поки що не був успішним. Будь-яка допомога буде вдячна. Я створив це на Codepen.io, щоб ви, хлопці, могли пограти з ним, і дайте мені знати, що працює, як я, з ідеї ... Показати фрагмент коду var currentAuthor = …

322 html  css  twitter-bootstrap  flexbox  bootstrap-4 

Я, як правило, знайомий з технікою розмивання нижнього колонтитула за допомогою css. Але у мене виникають певні труднощі з підходом такого підходу до роботи для завантажувального пристрою Twitter, швидше за все, через те, що завантажувальна програма Twitter має чуйний характер. Використовуючи завантажувальний засіб Twitter, я не в змозі змусити нижній …

306 css  twitter-bootstrap  footer 

Якщо я маю навбар у завантажувальній програмі з елементами Home | About | Contact Як встановити активний клас для кожного пункту меню, коли вони активні? Тобто, як я можу встановити, class="active"коли знаходиться кутовий маршрут #/ для дому #/about для сторінки about #/contact для сторінки контактів

306 javascript  twitter-bootstrap  angularjs  angularjs-directive  navbar 

Чому кнопки та входи добре не вирівнюються у Bootstrap? Я спробував щось просте, як: <input type="text"/><button class="btn">button</button> Кнопка приблизно 5pxнижча за вхід у хром / фаєрфокс.

299 css  twitter-bootstrap 

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

298 html  css  twitter-bootstrap  responsive-design 

У мене є цей код завантаження у Twitter <div class='navbar navbar-fixed-top'> <div class='navbar-inner'> <div class='container'> <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'> <span class='icon-bar'></span> <span class='icon-bar'></span> <span class='icon-bar'></span> </a> <div class='nav-collapse'> <ul class='nav'> <li class='active'> <a href='some_url'>My Home</a> </li> <li> <a href='some_url'>Option 1 </a> </li> <li> <a href='some_url'>Another option</a> </li> <li> <a …

296 css  twitter-bootstrap