Category "twitter-bootstrap"

Modified row spacing in Bootstrap 5

I have the following markup. <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="contr

Bootstrap with font-weight: 500 looks "normal" on Firefox

I'm using Bootstrap and setting an element to use font-weight: 500 causes it to look medium/semi-bold in Chrome but normal-weight in Firefox on Windows: Chrome:

Bootstrap framework in WebView support

I Checked Bootstrap framework's device/browser support page and found that it is not supporting WebView in iOS. I tried to find the reasons in internet but i a

UX associate table to another

It's not really about having issues with a specific language. I'm just wondering how I should display associated tables. Here is my problem. I have to build an

I'm having issues with my Drop Down navigation in bootstrap! How can I center the drop down?

Take a look at the drop-down menu? Do you see that it looks rather odd and not straight! How do I fix that? I have tried float, margin, and a few other tricks,

Bootstrap 5 carousel with multiple items

i'm new to bootstrap and i'm doing an ecommerce template for learning bootstrap 5. There is a way to make the bootstrap 5 carousel to show multiple slide at the

Bootstrap 5 floating label for a textarea overlaps with input on scroll

Looking at the documentation for a floating label of a textarea, https://getbootstrap.com/docs/5.0/forms/floating-labels/, it appears that the label overlaps wi

Create block with several columns and rows with Flex

Help me please to create block like on screenshot: Now I created 2 rows and has some problem. I don't know how to delete distance between rows. Need to make it

Bootstrap 5 float-end causing issue with flex elements

When I add the class float-end it pushes the button to right but the div tags next to that comes front of it. <link rel="stylesheet" href="https://cdn.j

Change the :active background-colour of the React-Bootstrap tabs

I am new to bootstrap but I am a bit fluent in React. I just want to ask how to change the :active background colour of the react-bootstrap tabs. Here is the li

Bootstrap auto column width but all columns still use 100% of parent width

I have a <div> with two columns. (I use two columns so I can left-align the left column and right-align the right column.) <div class="section-header"&

How to incorporate a flask_wtf form into a Bootstrap form?

I am trying to create a simple sign-in/out website, but I don't know how to use Bootstrap with Flask effectively. I have only just started using Bootstrap, so I

Override bootstrap font size

I am using Bootstrap v5.0.2 but I need to override the font size to some custom value. In the html I am using <a href="#" class="btn btn-outline-danger">C

Bootstrap 5 navbar align items right

How do you align Bootstrap 5 navbar items to the right? In Bootstrap 3 it's navbar-right. In Bootstrap 4 it's ml-auto. But not work for Bootstrap 5.

Working Bootstrap/Chart.JS/JavaScript - make size of graphs proportionate to screen

I'm trying to learn to work with Bootstrap, Chart.JS, and JavaScript in general. I've been able to work off a template, however every graph on my .html file is

Bootstrap 5 navbar does expand but doesn't close on Angular project

I am using Angular 12 and Bootstrap 5 to create a SPA. I created a shared navbar component. When my navbar changes to the hamburger menu button, the navbar does

Listening to the Bootstrap collapse shown/hidden events?

I have a Bootstrap 5 accordion that looks like this: <div class="accordion" id="my_accordion"> <div class="accordion-item"> <h2 class="acco

Stop floating elements next to Bootstrap rows from affecting alignment

I have a div element whose children are Bootstrap rows, and am trying to float an element to the right of these (as a sibling element to one of the rows). The i

Safari CSS relative parent & relative child with pseudo selector does not match other browsers output

I am not looking for an answer to fix the code, moreso an answer or explanation as to why. Safari will render children elements with a relative parent in a comp

Bootstrap modal dialog is disabled in a project where Material modules are added

I am transferring my Bootstrap based Angular 11 project to Material based. Menu, Sidenav and new Material based components are working well. However my old Boot