Questions tagged [bootstrap-5]
Bootstrap 5 is the fifth major version of the popular front-end component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps. Use in conjunction with the main [twitter-bootstrap] tag.
bootstrap-5
6,372
questions
0
votes
0
answers
29
views
css custom music player range
please am having issue creating a rounded custom image indicator around album image, the dot indicator is breaking out on page load but when i press play it move back to the circle , html, i want to ...
0
votes
0
answers
14
views
Bootstrap 5.3.3 "offcanvas" is rendering visible and inline when I attempt to use any of the size-altering annotations
In my Blazor application page, I have this:
<div class="offcanvas offcanvas-end" data-bs-scroll="true" data-bs-backdrop="false" id="myOffcanvas" tabindex=&...
0
votes
0
answers
21
views
What's writing "onChange started" and "onChange completed" to the console in Angular/Bootstrap?
I've just added a select element to an Angular component and, when the component is loaded in the browser and I select a value from the list, the following messages are being written to the console:
...
0
votes
0
answers
6
views
How to combine skip content behavior with displaying accordion collapsed?
I've an accordion by bootstrap in content and an anchor tag in a summary. I want skip content when I click on item of summary, it was the current behavior. But I would also like to set bootstrap ...
0
votes
0
answers
14
views
Tom-select ordering within optgroup
I am having an issue with tom-select, where the order of elements within an optgroup is not being preserved. Based on this docs, I thought that all I had to do was:
new TomSelect("#sampleSelect&...
0
votes
1
answer
25
views
Get the navbar start/end margins left AND right to be close to the edge using bootstrap5
If I remove ms-2 it shifts right, put back in, and it shifts left.
I have tried various options but I can't seem to get my head around how this works, and the order that needs to be in. I find ...
0
votes
0
answers
9
views
Similar Component in Bootstrap
I'm building a website based on Bootstrap 5.3.3. And I'm looking for a component similar to the one attached in the photo. I prefer to use Bootstrap, but I can use another framework that supports ...
-1
votes
1
answer
37
views
Bootstrap overflow container's list items
How do I make this dropdown list's each item to be shown in full length single line, instead wrapping the text?
.autocomplete-items {
/* position: absolute; */
/* border: 1px solid #ccc; */...
0
votes
1
answer
34
views
How to load a image from a nested JSON file into react along with other content
I have recently encountered a problem while trying to load a image from my nested JSON file. the image is loaded along with other JSON content in a accordion but for some reason the image loads with ...
-2
votes
0
answers
21
views
Cannot import name 'Markup' from 'Flask'
This ques is not a duplicate because the other solutions arent working for me.
My main.py file:
from flask import Flask, render_template, flash, redirect, url_for, abort
from flask_login import ...
1
vote
1
answer
44
views
Angular - Why isn't my dropdown list working
HTML code:
<li class="nav-item dropdown pe-3">
<a class="nav-link nav-profile d-flex align-items-center pe-0" (click)="toggleProfileMenu()">
<img src=...
0
votes
1
answer
36
views
How to resolved the angular 13 version build issue?
Facing an issue building with Angular 13:
I am trying to build using ng build --configuration=test but I'm getting the errors listed above. If I comment the bootstrap.min.css in the Angular json file ...
1
vote
1
answer
42
views
Add a close button to tabs
I am learning bootstrap, and I want to have an x next to each tab name to close it:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" ...
-1
votes
0
answers
42
views
Angular component (padding) [2] [closed]
I'm learning Angular at now, and one thing that I saw is that undesired paddings (and, sometimes, others things) are automatically added when an element ise used inside a component (element meaning a ...
0
votes
1
answer
40
views
If I add position fixed to header, modal becomes unreachable
I'm working on a personal news website and the name is News pews this is my third project and I didn't have this problem in my other project.
The project has a search btn which opens a modal in the ...