I made a sidebar with bootstrap classes and when i need to expand the height of sidebar full the height of screen it doesn't work with height:"100%" css property but when i added one more property position:"fixed" and it started…
I'm trying to create a page navigation list-group using bootstrap. When a user clicks on a new link in the list-group, the active status must be removed from the previous link and placed on the new link. The problem is…
<input type="text" class="form-control" id="datepickerFrom" placeholder=" " name="From" onchange= "errorCheck()" required> Need to disable tooltip as shown in attached image (using jquery and bootstrap in my code. tried many ways but not disabling.
I have a problem using "media query". It never works for me and I searched many times and can't find the solution. here is the code below and I am trying to increase the font size from 44px -->> 70px…
I am using a bootstrap to create cards for my site. I am trying to center the card contents of the grid image cards. I have tried applying class="center" into various parts and the items are still all aligned left.…
I know this question sounds odd. Perhaps a button is not the element I'm looking for. What I want to to do is have an element that looks like what I have here: Now this is technically a button. However,…
I have a input box which using the x button to clear the filed. But with adding this addition attribute to the input box the border of the input has two styles now. In the below image the input box…
here is the nav bar but the code is : @else <a id="navbarDropdown" class="nav-element" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre> {{ Auth::user()->name }} </a> <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="{{ route('logout') }}" onclick="event.preventDefault();document.getElementById('logout-form').submit();"> {{ __('Logout') }} </a> <form id="logout-form"…
Used bootstrap datable to render data from the database in tabler admin dashboard. it works absolutely fine in desktop view but not in mobile view. How to fix the issue? Desktop view
I have functional component that takes an array of arrays with objects but I don't know how to access data in the return function of the render let dataItems = [ [ { data1: "1234", data2: "ABCD", data3: "5678", data4:…