Category "bootstrap-4"

Force Bootstrap dropdown menu to always display at the bottom and allow it go offscreen

When there is no room at the bottom of the viewport to fit dropdown menu, it is displayed at the top of its dropdown button. Is it possible alter this behavior

Force Bootstrap dropdown menu to always display at the bottom and allow it go offscreen

When there is no room at the bottom of the viewport to fit dropdown menu, it is displayed at the top of its dropdown button. Is it possible alter this behavior

bootstrap datepicker not working in django

i am trying to integrate bootstrap datepicker but its not working setting.py: INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contri

How do I get rid of the white spaces on both sides of an image?

I'm trying to get rid of the empty space around an image, which is inside of a bootstrap column. I've managed to fix the problem on desktop using -1rem on the

Why is my CSS is not working for all my EJS loops?

I have a forEach loop that loops through my seeded Mongo database. Everything is working as it should, except one of my CSS functions that come from a jQuery fi

ngx-Bootstrap 4 dropdown and navbar not working with Angular 7

I am trying to add Bootstrap 4 to Angular 7, I see the styles are overridden by bootstrap styles, but navigation bar and dropdown box is not working. I followe

Deprecation Warning in Bootstrap SCSS

I am trying to create custom bootstrap by importing only the required components into a style.scss file from bootstrap sass. However, I get a chain of many Depr

Creating block buttons using Bootstrap in ReactJS

I want to create simple block buttons, that span the entire div. I am using react-bootstrap package to do this in React. Here is the code I am using:- <Conta

laravel - Display validation error in the proper tab

I am using the bootstrap tab to navigate between three different tabs for a user. First tab(primary tab) is to display user details and second tab is to edit th

CSS Show border after heading

I want a heading like shown in the picture . Currently I have 3 flex columns: <section id="section1" class="py-5"> <div class="container">

dotnet add package bootstrap gives 404 error with source nuget.org

I'm trying to add bootstrap to a new dotnet core razor app. C:\dev\core>dotnet --version 2.1.302 I created the project with the command below and have mad

Sticky navbar disappearing

My sticky navbar had disappeared and text is over the video which should start below it. https://github.com/shanegibney/stackoverflowStickynavbarIssue There i

Bootstrap Table Icons Not Showing

I am creating a bootstrap-table (version 1.18) leveraged off of bootstrap version 4.5.2 And everything appears to be working properly except the table icons are

What is causing my text to be center aligned in desktop?

I'm using Bootstrap 4's accordion on this page, and the text of the last item of the accordion is being centered. I'm not using text-center nor do I have a CSS

Modal pop up one time per user

In my website, I am using a simple modal popup with some input controls ( name, email, button). The purpose of modal popup is: After filling all mandatory fiel

How to assign custom color to progress bar bootsrap 4

Guys i have progressbar: <div class="progress"><div class="progress-bar" style="width:{{a.49}}%">{{a.49}} %</div> </div> How can i as

moving last row to bottom of container in bootstrap 4

I have a simple footer with contact information that contains of three rows. The first two appear at the top, the last one should be placed on the very bottom o

Position absolute and z-index not working in bootstrap version 5

The class(.title-image), has a "position: absolute" and the section(#features), has "position: relative" in external CSS. the idea is to place the section(#feat

How can I center an image in Bootstrap?

I am struggling to center an image using only Bootstrap's CSS-classes. I already tried several things. One was adding Bootstrap CSS-class mx-auto to the img ele

Why visual studio 2022 complains about unknown CSS class property bootstrap?

I have created a razor page web app template project in visual studio 2022. I am adding some bootstrap CSS class. here is my html: <form method="get">