Here's my web page (I'm sorry, but this post is going to contain quite a few screenshots, I don't see any other way) Do you see that scroll bar below the table? I don't like it. So I decided to…
I'm trying to make a filterable table like this one. That is, to render the existing table filterable. I copied the code on the w3schools website, but it doesn't work. I type text, but nothing gets filtered <div id="users-table" class="tab-pane…
I am having trouble with a navbar when it's on tablet and mobile size. When I click on the dropdown button I need it to take up the whole page. Basically it has to take up the whole height when…
I am having issues of having Bootstrap NAV TABS and Grid System to work in the same page. I can get one or the other to work by changing (commenting out) the bootstrap references. So I assume its my Bootstrap…
I am using the Bootstrap's card to display my journals. It looks like this: Journal List However, when I insert a lot of word, the card size will be veryyyy long. Journal List With really long essay How to make…
I'm trying to add a wave graphic to the bottom of my Bootstrap card, but it’s not working correctly. Hers is an image of what I need: Here is my current code: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> <div class="container"> <div…
I have made a search bar on the navigation bar. What I want to do is I can directly search it on the search bar on navigation bar, then when I hit the search button, it show show the result.…
I'm trying to convert a template to angular that uses html, css, bootstrap, javascript and similar technologies. The template has a loader function and a gif is placed on it. When I visit it for the first time, it loads…
I've been integrating stripe using this html coden bootstrap 4. <div class="form-control" id="card-element"></div> which gives me the following output However, I want to have this design: The JavaScript part is as usual: <script src="https://js.stripe.com/v3/"></script> <script> ....... ....... stripe = Stripe(publishableKey);…
I am trying to change Bootstrap backdrop opacity using JS or jQuery (Bootstrap 4.6): // JavaScript let modalBackdrop = document.getElementByClassName("modal-backdrop"); modalBackdrop.style.opacity = "0.9 !important"; or // jQuery let modalBackdrop = $(".modal-backdrop"); modalBackdrop.css("opacity", "0.9 !important"); I want to do it with…