Category "twitter-bootstrap"

How to install bootstrap in laravel 8

All of the info I can find online says that you should install bootstrap by running composer require laravel/ui and then php artisan ui boostrap. However, in La

Equal height columns using Bootstrap and jQuery

I am using Bootstrap in a current Web project but I don't know how to dynamically set the same height of column elements. I already know the .row-eq-height clas

Page looks different on localhost than in Intellij preview

In my Spring app I have implemented form on my page and I don't know why it looks different when I run it on localhost from when i clicked in the Intellij chrom

Margin or Padding Bootstrap Menu

here I come with a new problem with my menu maded with bootsrap; The problem is the margin or the padding on the left, the menu is not align with the logo and

Line break when combining image_tag and text in Rails navbar

I want to combine a logo and the brandname as text in my bootstrap based navbar. The problem is I can't figure out why there is a line break and the text not on

Multiple modals in one page

I'm trying to get multiple modals (popup thingies) in one page. One button will let you see what subject you have, and when you click on it an modal will open

Reduce Bootstrap list width

I am creating a list and styling it with Bootstrap. The HTML looks something like this: <div class="list-group"> <a href="/link" class="list-group

How to make columns equal height if siblings are hidden?

I am trying for equal height columns and implementing this on a Bootstrap carousel for a testimonials page. I want the height of all carousel items to be the sa

Linking an external stylesheet to only specific HTML elements

Can I link an external stylesheet to only a specific element of an HTML file? I tried this: <div id="main"> <!-- I don't want to style .alert from th

Multiselect dropdownlist with Checkbox in asp.net

I'm using bootstrap multiselect dropdown list with checkbox.its working well without master form.but its not working with master forms: <asp:Content ID="Con

How to check if at least one of three input fields is filled with content in Angular 7

I am developing a web client with angular 7 and bootstrap. On my start page I have a form group with three input fields and a submit button which shall be disab

javascript - schedule with tabs

I created I javascript schedule thermostat for a enteire week and work. But now I have some problems with tabs, because when I move a period, moving on slider,

Bootstrap button drop-down inside responsive table not visible because of scroll

I have a problem with drop-down buttons inside tables when are responsive and scroll active because the drop-down is not visible because of overflow: auto; prop

bootstrap drop down stops working when I use newer version of jquery

I incorporated a newer version of Jquery on my page to make a picture slider work, but when I link the jquery file to make the image slider work, the top menu s

Bootstrap 5: Can not use utilities

I have updated my project from Bootstrap 4.5 to Bootstrap 5. I did this by simply overwriting all the old bootstrap files with npm install bootstrap@next. Now I

Bootstrap Columns Not Working

Can't figure out why the columns aren't being structured with this HTML: <div class="container"> <div class="row"> <div class="col-m

Can I build my form without using Django form?

I'm using Django and I just did a big form Using HTML5 and bootstrap. Can I still send the form via the post method to django if I'm not using it to generate th

2 div next to each other in bootstrap

I'm trying to show two divs next to each other using Bootstrap, but there is a distance between them. How can i place them exactly next to each other. The code

Adding CSS linked stylesheet outside of head section

This might seem a bit unorthodox, but I am trying to use Bootstrap with the website I'm working on now, but don't have access to the head section of the site it

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">