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

Bootstrap 4 - четверта основна версія популярної бібліотеки компонентів, що працює на передньому рівні. Рамка Bootstrap допомагає створювати чуйні, мобільні веб-сайти та веб-додатки.



17
Як я можу змусити свої кнопки завантаження Twitter правильно вирівняти?
У мене тут проста демонстрація: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> У мене є не упорядкований список, і для кожного елемента списку я хочу мати текст ліворуч, а потім праву кнопку вирівнювання. Я спробував використовувати pull-right, але це повністю зіпсувало вирівнювання. Що я …

10
Завантажте NavBar з лівими, центральними або правими елементами
У Bootstrap , який є найбільш зручним для платформи способом створення панелі навігації, у якій ліворуч логотип A, пункти меню в центрі та логотип B праворуч? Ось що я спробував поки що, і закінчується вирівнювання так, що логотип A знаходиться зліва, пункти меню поруч із логотипом зліва та логотипом B …


30
П'ять рівних стовпців у завантажувальній системі Twitter
Я хочу мати 5 рівних стовпців на сторінці, яку я будую, і я не можу зрозуміти, як використовується сітка з 5 стовпцями тут: http://web.archive.org/web/20120416024539/http://domain7 .com / mobile / інструменти / завантажувальний / адаптивний Чи демонструється сітка п’яти стовпців над частиною рамки завантажувального твіттера?

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

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

9
Запуск 4 - міграція гліфіконів?
У нас є проект, який інтенсивно використовує гліфікони. Bootstrap v4 повністю знижує шрифт гліфікону. Чи існує еквівалент піктограм, що постачаються з Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/

10
У Bootstrap v4 відсутнє видиме - ** та приховане - **
У Bootstrap v3 я часто використовую приховані - ** класи в поєднанні з clearfix для управління макетами декількох стовпців при різній ширині екрана. Наприклад, Я міг би поєднати кілька прихованих - ** в одному DIV, щоб мої мульти стовпці відображалися правильно на різних ширинах екрана. Як приклад, якщо я хотів …

6
Вирівнювання ліворуч і праворуч вирівнювання в div в Bootstrap
Назвіть декілька поширених способів вирівнювання тексту зліва та правого вирівнювання іншого тексту в контейнері div у завантажувальному? напр Total cost $42 Більше загальної вартості має бути вирівняний текст зліва, а 42 долари - текст, вирівняний праворуч

23
Як виправити помилку; "Помилка: підказки для завантажувальних інструментів вимагають Tether (http://github.hubspot.com/tether/)"
Я використовую Bootstrap V4, і наступна помилка реєструється в консолі; Помилка: підказки Bootstrap потребують Tether ( http://github.hubspot.com/tether/ ) Я спробував видалити помилку, встановивши Tether, але вона не спрацювала. Я "встановив" Tether, включивши наступні рядки коду; <link rel="stylesheet" href="http://www.atlasestateagents.co.uk/css/tether.min.css"> <script src="http://www.atlasestateagents.co.uk/javascript/tether.min.js"></script> Чи правильно я встановив тетер? Чи може хтось допомогти мені …

11
Центральна вертикальна та горизонтальна вирівнювання Bootstrap 4
У мене є сторінка, де існує лише форма, і я хочу розмістити форму в центрі екрана. <div class="container"> <div class="row justify-content-center align-items-center"> <form> <div class="form-group"> <label for="formGroupExampleInput">Example label</label> <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> </div> <div class="form-group"> <label for="formGroupExampleInput2">Another label</label> <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> </div> </form> </div> </div> …

4
Чуйний веб-сайт зменшився на повну ширину на мобільному пристрої
Я випробовую навігаційну систему чутливості Bootstrap і маю демонстраційний веб-сайт. Коли я змінюю розмір браузера на робочому столі, він працює добре, включаючи панель навігації, яка стає розбірним меню з невеликим значком вгорі, на який я можу натиснути, щоб побачити більше кнопок меню. Але коли я спробував це з мобільного браузера …


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.