bootstrap-5 Questions

Html – Bootstrap form validation inside a table with big checkbox not working

November 19, 2024
Kasperi Koski
2 Answers

I use bootstrap 5.3.3 and have this structure see css used to create a big checkbox. .form-check-input[type=checkbox].big-checkbox { transform: scale(3); margin: 1.5rem; border-radius: 0; } <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">  <table>…

VIEW QUESTION

Html – Grid System – unable to align 3 columns in a row

November 18, 2024
bobafart
2 Answers

I have read the docs and have googled - unable to find an answer. I have a parallax bootstrap slide. In the first slide I am trying to make 3 div columns equal height and width side by side in…

VIEW QUESTION

Javascript – Bootstrap 5 Popover-Set Content Dynamically from Async Function

November 17, 2024
GH DevOps
2 Answers

I'm trying to load a bootstrap 5 popover with dynamic content from an asynchronous function in which I have to wait for. I'm setting up my popover as so: document.querySelectorAll('[data-bs-toggle="popover"]').forEach(function (popover) { new bootstrap.Popover(popover, { content: function () { (async…

VIEW QUESTION

Html – Why is height:0 needed here to make the div behave as expected?

November 16, 2024
Sam
2 Answers

I need a div in a column that becomes scrollable if there is too many items in it, but for some reason the only way I found a solution was with "height: 0" which makes no sense to me, I…

VIEW QUESTION

Html – How to dismiss a bootstrap modal after a form is successfully filed?

November 10, 2024
Mars Red Planet
2 Answers

I am learning HTML, CSS, JS and PHP and put on myself to make a page with lets the user leave a message, but i have not being able to implement a way to make the modal close after the…

VIEW QUESTION

Html – Vertically Center div Using Bootstrap

November 7, 2024
Ethan Leyden
2 Answers

I'm currently working with a template, and I'm trying to position the elements with the following requirements: The header must stick to the top, be horizontally centered, with spacing between the H3 and the set of <nav> links. The <main>…

VIEW QUESTION

How to link bootstrap resources to a dockerized shiny app made with golem?

November 3, 2024
Michaël Weber
2 Answers

I'm trying to dockerize my shiny app made with {golem} (the app is packaged as a library) and I'm running into problems because I have some bootstrap dependencies in my custom.scss file (such as @include media-breakpoint-up(lg)) and it seems that…

VIEW QUESTION

Html – CSS Styles Not Applying to Button: How to Remove Blue Highlight on Click?

November 1, 2024
user26426155
2 Answers

I am developing a web application via pycharm using html, css, and js. Currently I am having issues with the upload button, which is intended to trigger the upload of source code. I am still learning but I could not…

VIEW QUESTION

Html – After Bootstrap 5 tooltip not working in Angular 11 project

October 29, 2024
Sanjay Sudrik
2 Answers

Facing issue with bootstrap popover and tooltip to display the HTML content. <button type="button" data-bs-toggle="popover" data-bs-html="true" data-bs-content= {{item.HtmlDescription}} title={{item.HtmlDescription}}> Toggle popover`your text` </button> Title property content as mentioned below <h3>My Community Resident (DCR)</h3> Looking Criteria for this target group: <ul>…

VIEW QUESTION

Html – CSS: In a navbar how can I extend the dropdown menu horizontally across the width of the page container?

October 27, 2024
Nodigap
2 Answers

Currently, when I hover over an item in the navbar, a horizontal drop-down menu opens like this (note the width of the drop-down menu): What would i like to achieve? I would like to widen the dropdown menu horizontally like…

VIEW QUESTION

Page 1
Page 2
Page 3
Page 4
…
Page 42
Next