I'm working on the form of website. I'm getting user id, topic, body from user in a form. I'm using bootstrap to validate topic with at least one non white space character. The body should have at least 12 characters…
In my homepage header, I have a login and register button. Currently, there is no space between these two buttons in wide screen. In smaller screen, I made it to collapse, and there is space. How do I keep the…
Sample image of the situation I am building a portfolio with bootstrap and I have carousal on the top, but it is overflowing more which make it to scroll horizontally. Carousal html <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li…
Need to create a shape attached. Remove the icon border of an specific position and move that in the top left of the rectangle using css and html with bootstrap5. image is not positioning correctly inside the rectangle. .node {…
Im trying to build a registration form and right now the spacing/positioning is kinda whack. How should I fix them to be in the same line/row? symmetrical. I added the code, and a photo of how it looks like. <link…
I am trying to re-color the thumb slider for a Bootstrap 5 range control, but I can't seem to find the magic combination. Here is a stackblitz: https://stackblitz.com/edit/stackblitz-starters-3vywax?file=src%2Fmain.ts The BS5 docs provide sass variable, but I can't eem to get…
I have a parent element of Booking its children have a route of booking/... If I have booking itself selected it makes all booking/... links active. How can I change this? Image of link structure I've tried to use if…
I'm using Laravel 11 and the latest bootstrap version to create a button and also Google Project Idx as my code editor. I got 127.0.0.1 error message when I click the button which is linking to a route as follows:…
Trying to space out 3 images with space around or space between depending on what I like. For some reason, the images stay stuck together in the center instead of justify-content-around. I tried taking and changing the img width thinking…
I have the below Bootstrap 5 dropdown menu of labeled checkboxes, with data-bs-auto-close="outside", so that the menu closes on outside click. <div class="dropdown"> <button type="button" class="btn btn-success dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu"> <div class="px-1"> <input class="form-check-input"…