102,793 questions
0
votes
1
answer
47
views
Focus on cancel button
I've upgraded from Bootstrap 4 to 5 and now when Sweetalert2 confirmation is opened at a modal, focus remains on modal at its "close" button.
But when I open Sweetalert2 directly from the ...
- 461
0
votes
0
answers
44
views
Bootstrap 3 navbar dropdown element not triggering modal form
Java 1.8, JSP, Bootstrap 3.4.1
this snippet of index.jsp works fine - tabs appear, tabs3 is displayed as default, and clicking on different tabs display the correct stuff for the selected tab
<nav&...
- 99
0
votes
0
answers
45
views
ASP.NET QuickGrid: Style clash between QuickGrid default theme and bootstrap table
Repro:
Create the default Visual Studio Blazor Server Template with sample pages.
Add a nuget reference to Microsoft.AspNetCore.Components.QuickGrid (10.0.0)
Replace the weather page with a similar ...
- 173k
0
votes
1
answer
61
views
ASP.NET Controls Don't Span Bootstrap Columns
I am using Bootstrap 3.5 with ASP.NET controls (Visual Studio 2022). I have an ASP.NET:TextBox in a Bootstrap column. While an HTML input tag spreads across the entire Bootstrap column, left to right, ...
- 41
-1
votes
1
answer
70
views
applying horizontal scrolling to navbar without vertical scrolling
i want to apply only horizontal scrolling to the nav but not vertical so i use bootstrap class overflow-x-scroll, however it still applies vertical scrolling when i open the language dropdown :
...
- 133
1
vote
1
answer
213
views
How to open and close the Bootstrap 5.3 navbar burger menu on mouseover via CSS?
For days, I've been trying to configure the opening and closing of my navbar created with Bootstrap 5.3, when it is reduced to a burger menu, via hover rather than click.
I've managed to do this in ...
- 23
-1
votes
1
answer
42
views
transition on bootstrap column width is sluggish
i want to apply transition on bootstrap columns width when open state changes, the transition works but it's sluggish, it's not smooth at all
layout.js
"use client";
import { useState } from ...
- 133
2
votes
1
answer
51
views
Is there a way to reproduce the behavior of align-items: baseline in Firefox as in Chrome?
There is a flex container (display: flex) with align-items: baseline. Inside, there is a text element (label) and input, which renders .invalid-feedback during validation.
Before the error (.invalid-...
- 23
0
votes
1
answer
54
views
give space between columns
i dont know how to give spaces between columns, i tried to use gx-* but it doesnt work and it causes horizontal scroll which make it even worse, gap-* works but it misses with the layout and causes ...
- 133
-1
votes
1
answer
113
views
How to apply border-radius with border-image (gradient border) on a button placed over a gradient/video background [duplicate]
.cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 32px;
height: 54px;
font: normal normal 600 16px/21px "Inter", sans-serif;
letter-spacing: 0;
...
2
votes
2
answers
207
views
How to position a div on the bottom of the img
I am trying to position a title bar which is in <div> on top of the <img>.
I've been able to position it using position: relative and position: absolute plus margins but I struggle if the ...
- 94
1
vote
1
answer
176
views
Bootstrap components stop working in Rails app when any links clicked
In my rails 8 app I followed the Bootstrap Getting Started instructions to pull in bootstrap version 5.3.7 via the link tag:
I put the following in the head tag of application.html.erb:
<link href=...
- 4,740
0
votes
3
answers
110
views
Table cell child item (div) not able to have the same height as the table cell
I have a table with Bootstrap 5 if that matters. The th element has a height of 195 px; this height is because some other cell in the same row has some text, if that matters. The screenshot below has ...
- 25.4k
0
votes
1
answer
117
views
Bootstrap carousel with vertical thumbnails on the left
How can the div, containing the thumbnails be moved to the left of the carousel like it this picture?
I tried already wrapping it into a <div class="d-flex">but that messes up the ...
- 3,873
0
votes
0
answers
98
views
Why doesn't my modal dialogue cover the page in my Angular component?
I have an Angular web application that has a page that needs to be interrupted by a modal dialogue in some situations. However, when I press the button that does that, the modal appears at the bottom ...
- 530