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

Я створюю веб-програму за допомогою Bootstrap 4 і стикаюся з дивними проблемами. Я хочу використовувати клас, що реагує на таблиці Bootstrap, щоб дозволити горизонтальне прокручування таблиць на мобільних пристроях. На настільних пристроях стіл повинен займати 100% ширини DIV, що містить. Як тільки я застосовую клас .table-responsive до своєї таблиці, таблиця …

97 css  bootstrap-4 

Мені потрібна допомога, щоб вирішити проблему, мені потрібно відцентрувати вміст усередині стовпця в bootstrap4, будь ласка, знайдіть мій код нижче <div class="container"> <div class="row justify-content-center"> <div class="col-3"> <div class="nauk-info-connections"> </div> </div> </div>

95 twitter-bootstrap  flexbox  bootstrap-4 

Чи має bootstrap 4 вбудований горизонтальний роздільник? Я можу це зробити, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Але я хочу використовувати вбудований bootstrap css, я не можу знайти його ніде в документації, можливо, я його пропускаю.

94 html  css  bootstrap-4  twitter-bootstrap-4 

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

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

<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 

На даний момент я маю щось на зразок: <div class="row"> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> <div class="col-md-4">Content</div> </div> Тепер припускаючи, що це contentбули коробки різної висоти, з однаковою шириною - як я міг зберегти той самий «макет на основі …

88 html  css  twitter-bootstrap  responsive-design  bootstrap-4 

Я заглядав в один із прикладів Bootstrap, який використовує класи card-deckта card( приклад ціноутворення ). Я дивувався, як можна виправити вирівнювання кнопок, якщо в одному зі списків менше елементів, ніж в інших. Я хотів би, щоб усі кнопки були вертикально вирівняні (внизу кожної картки), але я не міг зрозуміти, як …

86 html  css  twitter-bootstrap  bootstrap-4 

Я борюся з браузером файлів bootstrap 4. Якщо я використовую custom-file-control, я постійно бачитиму Вибрати значення файлу. https://v4-alpha.getbootstrap.com/components/forms/#file-browser Я хотів би змінити значення файла вибору після того, як файл вибрано. Це значення насправді приховане в css, .custom-file-control:lang(en)::afterі я не знаю, як отримати до нього доступ і змінити його в javascript. …

81 javascript  jquery  css  twitter-bootstrap  bootstrap-4 

У мене є 3 колонки, які я хочу по-різному замовити на настільному та мобільному пристроях. На даний момент мій пояс виглядає так: <div class="row"> <div class="col-xs-3 col-md-6"> 1 </div> <div class="col-xs-3 col-md-6"> 2 </div> <div class="col-xs-6 col-md-12"> 3 </div> </div> Запустіть фрагмент кодуСховати результатиРозгорніть фрагмент У мобільному поданні я хочу …

80 css  bootstrap-4  grid 

Bootstrap 4 використовує flex-box для модальних колонтитулів. Якщо я хочу дві кнопки, одну зліва та одну праворуч, як я можу змусити її працювати належним чином? Наведений нижче код намагається використовувати div.rowз , col-sm-6але не працює. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> <button …

79 twitter-bootstrap  bootstrap-4  twitter-bootstrap-4 

Я пишу веб-сайт у HTML5 та Bootstrap 4 і намагаюся перетворити квадратне зображення в коло. У Bootstrap 3 це було легко зробити .img-circle, але зараз я, здається, не можу змусити це працювати, і я не можу знайти відповіді в Інтернеті. Bootstrap кинув клас img-circle або мій код переплутаний? Це приблизно …

76 html  css  twitter-bootstrap  bootstrap-4 

Я розробляю просту завантажувальну програму react-spring, але через проблему GitHub відтворюю свої файли для запуску програми за допомогою IntelliJ та встановлюю модулі вузлів, використовуючи дані про залежність файлу попереднього пакета.json. Якщо я використовую навігаційну панель, що згортається (гамбургер -> чуйні навігаційні панелі, які згортаються в перегляді мобільних пристроїв) і натискаю …

27 javascript  jquery  reactjs  bootstrap-4 

У Angular 9 (використовуючи Bootstrap 4 та Jquery 3.5.1). натискаючи кнопку згортання завантажувальної програми , я отримую помилку на консолі браузера замість випадаючого меню. Я дійсно не знаю, звідки саме прийшла помилка. Can't convert object to primitive value(zone-evergreen:171). Uncaught Type Error: Cannot convert object to primitive value(zone-evergreen.js:171 ) at RegExp.test …

26 bootstrap-4  angular9 

У мене виникають реальні проблеми, намагаючись дозволити вміст бічної панелі / навігації (за допомогою Bootstrap) показувати (бути розширеним) за замовчуванням на робочому столі та закрити за замовчуванням на мобільному телефоні та мати значок, який відображається лише на мобільному пристрої. Я не можу зробити так, щоб це спрацювало. <nav class="menu menu-open" …

9 javascript  html  css  bootstrap-4  responsive-design 

ПОМИЛКА в node_modules/@ng-bootstrap/ng-bootstrap/accordion/accordion.d.ts: 191: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища. 191 встановити ngbPanelToggle (панель: NgbPanel); ~~~~~~~~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/checkbox.d.ts: 28: 9 - помилка TS1086: Доступ не можна оголосити в умовах навколишнього середовища. 28 набір сфокусований (isFocused: boolean); ~~~~~~~ node_modules/@ng-bootstrap/ng-bootstrap/buttons/radio.d.ts: 14: 9 - помилка TS1086: Доступ не …

9 angular  bootstrap-4  ng-bootstrap