Trying to work on making the header portion of my website (starting with the mobile class). When I am trying to create a col-xs-7 which contains one h1 and two p tags, and a col-xs-5 which contains an image. The…
I must create a generic toast component with a custom message and class. I managed to pass a message props without problems but I still can't do it with the bootstrap class. child: Toast.vue <script setup> const props = defineProps({…
Need help guys. the modal is not prompting the correct ID of the data that I want to delete I have a DataTable.jsx like this below. import React, { useState, useEffect } from "react"; import axios from "axios"; import DataTable…
On my second week of learning React. I need some help on how to refresh the dataTable in reactJs when I clicked the save button from the modal. Here is my structure. I have a parameterMaintenance.jsx below which imports the…
I have this div that is parent for ul. I tried to make ul center vertically but I do not know why I see this situation: <div className=" d-flex align-items-center bg-primary "> <ul className="d-flex align-items-center bg-success" style={{ gap: "3em" }}…
I have a bootstrap / angular project. In every browser the cards have the height of the row / col. i have even set it to 100%, but in safari it is not working correctly. In firefox, chrome and edge…
I have created some tabs in bootstrap and i would like to display the tabs onmouseover This are the tabs https://jsfiddle.net/uzfxmrs3/ This is the html <div class="d-flex align-items-start responsive-tab-menu"> <ul class="nav flex-column nav-pills nav-tabs-dropdown me-3" id="v-pills-tab" role="tablist" aria-orientation="vertical"> <li class="nav-item">…
I have an HTML layout that is divided into two columns as shown below: <div class="card-body"> <div class="row"> <div class="col-md-10"> <form id="bookform"> <div class="row"> <div class="col"> <label for="datefrom" class="form-label">Date From</label> <input id="datefrom" name="datafrom" type="text"> </div> <div class="col"> <label for="dateto" class="form-label">Date…
I have been trying to set a background image for my website using bootstrap 5 but it is not showing I use external CSS to set the background image but it is not working The code is: body { background-image:…
I have a navbar programmed with bootstrap 5 and as you can see in the picture I just want to move the last three nav-items to the right. I have already tried ms-auto, which resulted in all my nav-items being…