I know this question was probably asked some hundred times, but sadly no answer that I found in here really helped me. I tried these answers for example: Bootstrap footer not at bottom Flushing footer to bottom of the page,…
I have an issue with the bootstrap.min.css and tabs. When I use: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> The format of the page is how I want it however when I switch tabs the contents of the other tabs are not displayed (when…
I am working on a website in Bootstrap 4 and am using the footer at https://www.codeply.com/go/7TzhebXBdX/bootstrap-4-footer-with-contact-form I have changed a little of it and, while it is great in the browser, it breaks down in responsive mode. The background color…
I have a Table with a fixed header as below. The problem is that the card elements scroll on top of the fixed header. I have tried increasing z-index of thead and decreasing z-index of the card element. Nothing seems…
So I have a question similar to this one but I'm applying it only in vanilla PHP and not in wordpress. After countless hours of struggle I finally got the answer but somehow if I increase the size of my…
I'm trying to create a very basic version of a CMS, and I'm using a page that gives an html template and allows the user to create their own text and image uploads to show the screen they create on…
Basically, I have a site that has a sticky header and sidebar nav but when the screen is made smaller, the menu adopts a hamburger button that can expand the collapsible sidebar. This works as expected except for one thing:…
I am trying to insert feedback form in my website. I have an email field and text message field, with a send button. All of this is inside a Bootstrap row. But this row is taking more width than the…
.navbar.height { min-height: 180px; } .navbar.height .nav.navbar-nav { min-height: 80px; } .navbar.height .nav.navbar-nav .nav-item { min-height: 80px; } .navbar.height .nav.navbar-nav .nav-item a { min-height: 50px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">…
I am trying to position my content under my navbar and when I add the padding-top: 60px; it works but pushes the navbar down. I also need the background to be at the top of the page behind the navbar.…