I am trying to use bootstrap and twitter bootstrap at the same time. Basically, I can't seem to get them to work together. Are they even supposed to work together? You can see the js Fiddle here. https://jsfiddle.net/paralaxwombat/v7hpoc6m/4/ There are…
The modal doesn't display any of my images. I tried changing the pictures and code. However, I'm new to this, and I have no clue. Could it be the JavaScript code or the code itself? I've tried Atom and Dreamweaver,…
I have two div's that I want to have equal height. The left div has dynamic content which can expand vertically with any number of inner div's. The right div has one inner div that needs to stay at the…
As a learning exercise, I would like to use only Bootstrap Flex (or CSS3 flexbox) to vertically left-align and horizontally stretch the input fields. I know about Bootstrap Grid (and CSS3 grid layout) but I do not want to use…
I am totally confused about why my next section is starting there. I am using Bootstrap for the layout. I have a service section under my hero image but when I start the next section under services, it starts again…
I am having a Button group control like this. <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" rel="stylesheet"/> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <div role="group" class="d-flex btn-group"> <button type="button" class="w-100 btn btn-outline-secondary"><i class="fas fa-print"></i></button> <div role="group" class="dropdown btn-group"> <button aria-haspopup="true" aria-expanded="false" type="button" class="dropdown-toggle btn btn-outline-secondary"><i class="fas fa-download"></i></button> <div…
I'm creating a Shopify website and I want to show a hero video on the top. But the video is somehow leaning to the right, leaving a blank on the left. Anyone knows how I can make it 100% responsive?…
The website I'm developing uses the bootstrap framework. The problem that follows is that I have a container div that should have a background image outside the div both to the left and to the right with the chosen image…
I want to create what is shown in this mockup: Here is what I currently have: https://codepen.io/raney24/pen/VOmjBY .header-border { width: 100%; margin-bottom: 10px; border-left: red solid 1px; border-right: red solid 1px; border-bottom: red solid 1px; .heading, .heading-subtitle { text-align: center;…
I'm trying to make a responsive navbar. It is working fine in large windows but when I put it in a xs screen it is not collapsing well the fist element of the nabar. I put an exemple of the…