Questions tagged [bootstrap-4.1.x]

15 questions
4
votes
2 answers

Custom checkbox in bootstrap 4.1.x

I require a checkbox like this one or similar There are lots of answers about styling checkboxes but none worked in bootstrap 4.1.x, either I am using them wrong or they are not working in this bootstrap version.
WasiF
  • 26,101
  • 16
  • 120
  • 128
3
votes
1 answer

How to highlight a bootstrap card onClick?

I am new to bootstrap. we have some cards & we want to highlight a card onClick. cards are like this -
Header
3
votes
2 answers

how to change color of text on mouse enter using angular

i am a newbie to programming. I have tried this code but @hostlistner part is not working i have used bootstrap version 4 it doesn't give any compile error also element.nativeElement.style.color = 'red' this statement is working but …
3
votes
1 answer

Bootstrap 4 input group add-on between two inputs

I'm trying to put an element between two input groups, then append two buttons at the end, but the alignment and sizing is completely off. This worked perfectly in Bootstrap v3.3.7 but since upgrading to Bootstrap v4.1 I can't get it to work. Here…
eComEvo
  • 11,669
  • 26
  • 89
  • 145
2
votes
2 answers

How to place card-columns in the center of the page when using bootstrap 4.3.1?

I am trying to horizontally-center a card-columns with Bootstrap 4.3.1 while nesting cards. Here is how my cards are nested > Main Card >> Card-columns >>> Card 1 >>> Card 2 >>> Card 3 >>> Card N I tried to…
user12310517
1
vote
1 answer

Django-crispy-forms with bootstrap4 not showing selected result in browse file field

Attempting to use bootstrap4 with django for forms. Installed crispy forms and and everything seems to work as I expected except for the browse file button selection functionality. When a file selection window comes up and file is choosen from…
0
votes
1 answer

open modal automatically in livewire component it doesn't work

I wanna show a modal when initializing the component, but it doesn't work. I'm using $this->emit('show) to open the modal When I add a button in my view the emit('show') works!, but I don't want that, what I want is that when the view is loaded, the…
ChrisDLH
  • 123
  • 1
  • 2
  • 9
0
votes
0 answers

How to style a Django ModelForm

Does someone know how to style this form with bootstrap? from django.forms import ModelForm from .models import * from django import forms class OrderForm(ModelForm): class Meta: model = Order fields = ('__all__') ** ^…
Droezel
  • 1
  • 1
0
votes
3 answers

Using column bootstrap 4

i have to make a blog page on my website and i would like to display few cards (like bootstrap cards) on two columns. The probleme is the cards don't have the same height and i would like to make a kind of masonry. I will show you two different code…
0
votes
1 answer

How can I display an image to the right of my text normally but display the image underneath my text on mobile?

I'm wanting to display an image to the right of my text on desktop, but display the same image underneath on mobile. Struggling to find answers via Google and can't crack it myself. Any help? This is what I have so far. Thanks! I've tried using…
0
votes
0 answers

bootstrap 4.3.1 is not working offline and it's not showing navbar-toggler-icon

I need to build a website. I downloaded bootstrap all files then I linked every file properly but I don't know It's not working. I don't know why bootstrap 4.3.1 classes is not working properly. I am not see my navbar toggler icon. why? please…
0
votes
1 answer

Can I add data-toggle="modal" and data-toggle="dropdown" in bootstrap 3?

I tried the way that is already described in an answer to this question. Bootstrap control with multiple “data-toggle” But this way is not working. Is there any other way of using data-toggle="modal" and data-toggle="dropdown" on a same link.
0
votes
1 answer

form validation bootstrap 4

When I finish validating the form, I want to show a success message but it automatically refreshes and does not allow time to see anything. I'm using bootstrap 4.1.3 This is my portion code:
GAL
  • 39
  • 1
  • 8
0
votes
2 answers

Bootstrap Grid on mobile

Grid sistem doesn`t work on mobile: .col-xs-3 is on full screen, col-xs-3 works like col-xs-12, any ideias?
Gigi
  • 375
  • 1
  • 4
  • 12
0
votes
4 answers

Bootstrap 4 Carousel Indicators are not appearing

I'm trying to create a carousel slider with carousel indicators at the bottom using Bootstrap-4.1.3. The problem is that the carousel indicators are invisible, but they do work when you click them. I've already tried z-index, and background colors…
Luc Nguyen
  • 3
  • 1
  • 4