Using the answers posted from here, I created a button group. However when I press the button, the text shown in the alert box returns all the buttons that are pressed, how can I make it so that only the…
I have columns in Bootstrap 5 something like the following. <div class="row"> <div class="col-md-3 mb-3 border rounded"> <p>Column 1</p> </div> <div class="col-md-3 mb-3 border rounded"> <p>Column 2</p> </div> <div class="col-md-3 mb-3 border rounded"> <p>Column 3</p> </div> <div class="col-md-3 mb-3 border…
I have a problem with the hover event in my metronic dropdown menu, when I have the cursor over the menu button the hover is correct, but when entering the options the menu turns white, I suppose it may be…
I am using a BOOTSTRAP 5 carousel. I have images some are portrait and some are landscape. they have differing heights and widths. I have fixed the height of the carousel So that the controls don't jump around as the…
I am designing a view ads page. I am not super savvy about bootstrap. I want to have a scrollbar in the filters to browse all the contents. The filter should stay fixed while the user browse ads in the…
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…