Category "twitter-bootstrap"

How to import and use specific BootStrap 5 JavaScript Plugins?

I am new to Bootstrap (v5.1.0) and gulp and do not completely understand how I can import only specific Bootstrap JavaScript plugins. I have tried this by just

Bootstrap datatables - multi-filter column search CSS issue

What I am doing is to render table in HTML from Flask server. Bootstrap code I have referred to is from this link: Bootstrap multi-filter my HTML code: <tabl

How to target all elements with a specific class in JavaScript

I'm currently working with WordPress and Bootstrap 5. Due to WordPress limitations with the wp_nav_men function. I can't see the markup at all. This means I can

Bootstrap 5 tooltip placement top issue when page has a scroll

I have an issue with tooltips in bootstrap when the placement top is forced. I use the latest version for now: 5.1.3 I have tried to create a code snipped, but

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