Category "bootstrap-4"

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Feather Icon not working in Bootstrap Modal

Version: [email protected], Bootstrap v4.3.1 using C# RazorPage, asp.net I am currently trying to build an asp.net web app. The feather icons work fine on n

Bootstrap datetimepicker not working inside Bootstrap Modal

I am facing issue in showing bootstrap's datetimepicker inside modal. I want to make form inside the modal on which I need a datetimepicker to pick date and tim

Bootstrap get priority over my CSS - with correct implementation order

I've linked bootstrap's css file first. I've linked my css file second. Why does bootstrap gets priority over my css?? I've played with the file order, there

Using Bootstrap Icons in Rails 6 with Webpacker

I wanted to use Bootstrap icons in beta "Official open source SVG icon library for Bootstrap." https://icons.getbootstrap.com/. This is for Bootstrap 4 in Rails

How to affect the directive children using @HostBinding?

I'm implementing a bootsrap's single button dropdown (docs). In order to make it to be "open", it must add a show class to main <div> and to the <ul>

Text alignment doesnt work on mobile [CSS]

I have a weird problem with text alignment which I never had before. On this app: https://damdafayton-countries.herokuapp.com/ two sections of text doesn't get

Close Bootstrap Card Container

I have a card container in my code. I have added a 'close' button that I want to close the card when I click it. I am unsure how to make this work and I've been

need help centering bootstrap carousel image

I am having trouble making the image centered in the slider. Please see my carousel here https://wordpress-website-headless-v2-c9jivybjd.vercel.app/ it is creat

Can I use React Bootstrap with Next.js?

Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is

Bootstrap 4 - Reboot.scss overriding Global.scss

I am using Sage Starter Theme and I am adding some CSS to style the links globally in the _global.scss file. Some of the CSS properties are being overridden by

Bootstrap 4 - how to make image go to right hand side?

I am trying to put a simple image in a row and make it to to the right side of the page. If I wanted to do this with text, I would simply do this: <div clas=

How to use "invalid-feedback" class with selectpicker from Bootstrap-Select?

I'm using Bootstrap to do some form validation on my web app. With a normal select menu, it would be really easy to have an error message pop-up when the field

Can't load popper.js with webpack and Laravel mix

I'm using bootstrap 4 beta and Laravel 5.4 on my project and loading my js dependencies with npm and laravel mix. So far everything has been working great, exce

How to place a circle inside a square box in css?

I have a webpage made in HTML and CSS in which I want to put a circle inside a square box. Here is the fiddle for the webpage. At this moment, I am able to ma

Bootstrap 4 invalid feedback with input group not displaying

I have been looking into Bootstrap 4 - beta, however when using .is-invalid with .input-group it doesn't seem to show up. <link href="https://maxcdn.boo

How to tell if navbar is collapsed or not?

I have a navbar: <nav id="navbar" class="navbar fixed-top navbar-expand-md navbar-light bg-light"> <a class="navbar-brand" href="#"></a> &

Datatable column width issue after "refresh" row data

I'm currently using datatable to produce table below: I'm happy with the result as the width of each column is calculated automatically, resulting 1 line per

how to change the border colour of ng-select component to red?

The select component in my angular html template is displaying fine. However I want to display this component with a red border, currently it is displayed in gr

Bootstrap modal focus trap behaving differently on BS documentation page

I'm using Bootstrap modal and it doesn't seem to trap focus inside the modal. However, when tested on Bootstrap webpage https://getbootstrap.com/docs/4.1/compon