I have a basic HTML landing page template with a nav bar as the header and the body contains a carousel that displays the various icons, my problem is that for some reason the two entities appear together as seen…
I'm working on a responsive layout using Bootstrap 5.3 that includes a NavBar, SideBar, ContentPanel, and StatusBar. The app should be always 100% view-height and view-width and contain all information without getting page scrollbars! The ContentPanel contains an element on…
I'm trying to do a centralized input with an image above it. I am doing it following the position documentation, but somehow the image doesn't get centralized horizontally: Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">…
I am stuck with something. Using Bootstrap 5 navbar, I try to make a simple a simple 40px hight vertical border bottom, going from color #e5e5e5 to color #fefefe Here is the sample image: Thank you if you have a…
My custom external CSS suddenly stop working and I do not know why, but when I try to copy the css code to another newly created file, it works but later on, it will not. Why does this happen? I…
I have a Bootstrap navigation menu with a flex container (). I want to enable horizontal scrolling for the menu items when they exceed the container width. I have applied the following CSS style to the container: .nav { display:…
I have the following html (JSFiddle): <div class="d-flex" style="max-width: 1460px;"> <div style="width: 100%; background: red;"> <div class="table-responsive"> <table class="table"> <tbody> <tr> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td> <td>Example</td>…
I have some problem to center p inside a div. I need some help! Thank you very much! Here is my code: <div class="navbar d-flex flex-grow-1 justify-content-end align-items-end mb-3 d-none d-sm-flex"> <div class="d-flex align-items-center justify-content-center text-white me-2 fw-bold"> <p>THIS NEEDS…
I try to make this But i don't know to do that <div class="row justify-content-center"> <div class="col-3 me-3" style="background-color: #F1F3F8; border-radius: 10px;"> <div class="row"> <div class="col-6"> <img src="/src/photos/event_upcoming.svg" class="img-fluid mx-auto" /> </div> <div class="col-6"> <p>Срок обучения<br>6 месяцев</p> </div> </div> </div>…
I have the following Bootstrap version 4.1.1 page. I would like to change the background color of active toggle to white. .nav-tabs { margin-top: 3%; border: none; background: #0062cc; border-radius: 1.5rem; width: 28%; float: right; } .nav-tabs .nav-link { padding:…