Questions tagged [twitter-bootstrap]

Bootstrap (formerly Twitter Bootstrap) is a frontend framework designed to kick-start development of Web apps and sites. For questions related to a version of Bootstrap also use the specific version's tag from "twitter-bootstrap-2", "twitter-bootstrap-3", "bootstrap-4" and "bootstrap-5" tags.

twitter-bootstrap
Filter by
Sorted by
Tagged with
1 vote
1 answer
1k views

TypeError: this.props. is undefined

I'm presently trying to get a twitter bootstrap navbar to display in my React project, but I'm getting the following error, TypeError: this.props.brand is undefined. The source files for the project ...
0 votes
1 answer
197 views

Responsive image with the same height as another column in the same row

I am trying to place an image to the right of a form and I need the image to be the same height as the form div. I'm having a really difficult time accomplishing this without distorting the image. ...
2 votes
3 answers
4k views

How to prevent specific css style sheet from styling a specific html tag

I am incorporating bootstrap into my pages, but it's altering some of the spacing in an edge script and some of the borders in my nav menu. I would like to "turn off" bootstrap css styling is some of ...
70 votes
7 answers
192k views

How do I make bootstrap table rows clickable? [duplicate]

I can hack this myself, but I think bootstrap has this capability.
2 votes
1 answer
754 views

Find closes element on input change and show tooltip

I need to find closest element fa-retweet when user change input name="qty" and on that element to show bootstrap tooltip... I try with code: $('input[name=qty]').change(function() { $(this)....
0 votes
1 answer
791 views

Show Multiple Value With Ajax

I have 2 db 'srtptr' and 'deskripsisrt' and I want to show them with modal bootstrap I successfully show from 'srtptr' but I don't know how to show from 'deskripsisrt',.. this my db 'deskripsisrt' +...
0 votes
3 answers
122 views

BootStrap Layout height 100%

I'm starting to look into bootstrap to make a layout for an app. I'm trying to make the left bar full height with the screen, making this the content will need to follow also. I already try the ...
0 votes
1 answer
5k views

Bootstrap dropdown clicked color

I'm using navbar from getbootstrap.com css page and i'm now editing it to fit my needs. I've done most stuff but can't figure out how to change this color here (white-ish one): http://image.prntscr....
0 votes
0 answers
79 views

Submitting bootstrap form via Ajax passes wrong parameters

I've built a data entry page using Bootstrap and I'm trying to process it via Ajax/jQuery. When I click the Submit button, though by tracing, I can see my ajax method is called, what gets sent isn't ...
0 votes
1 answer
7k views

How to enable bootstrap intellisense in VS Code

How do I enable bootstrap IntelliSense in VS Code? I know I could use Visual Studio Community but it is so slow but Intellisense is a big deal too.
0 votes
0 answers
63 views

BgColor of navbar not changing [duplicate]

I really don´t know why I can´t change the navbar´s color. I tried everything from making a specific ID to styling the whole navbar element. I´m sorry if this question sounds stupid but I don´t know ...
0 votes
2 answers
427 views

Touch buttons in boostrap

in bootstrap we can define button groups and make the bigger buttons by setting a class called btn-group-lg: <div class="btn-group btn-group-lg" role="group" aria-label="..."> <button type=...
1 vote
2 answers
669 views

Bootstrap Scaffolding

Hello I am currently trying to figure out how to get two classes to float side by side while using Bootstrap, What I wish to accomplish is to get my text to float to the left and image float to the ...
-1 votes
2 answers
111 views

bootstrap div doesn't center

I'm doing a bootstrap site with a central box, but all my container doesn't center, they stay on left of the page, i don't know why. I just tried with offset, but doesn't work. my pen on codepen ...
0 votes
1 answer
438 views

Bootstrap "hidden.bs.collapse" doesn't call my function

I do have a problem with the trigger-event of bootstrap. I try to call a function after my content got hidden or shown. After my search i found this solution, but it doesn't work yet: $(document)....
0 votes
1 answer
410 views

bootstrap modal cookie not showing

I'm trying to show a bootstrap modal when the page loads (only 1 time) and set a cookie for 7 days. But something prevents the modal to show up. If I don't use the jquery-cookie the modal turns up. ...
32 votes
4 answers
32k views

Bootstrap Popover, .click not catching button inside popover

First off, a fiddle of the problem: jsfiddle.net I am using a popover, and it's content is html, a button with class "click_me". I have jquery to listen for a click on "click_me" and it should throw ...
1 vote
4 answers
8k views

Bootstrap grid-layout

I am newbie with bootstrap gridline system so I got stucked when I tried to create that (advanced?) gridview: So my problem is that I do not know how to organize blocks in rows, because some blocks ...
0 votes
3 answers
2k views

JQuery: Change the class of a dynamically-created <li> element when clicked [duplicate]

When a user types, the text is turned into an array, separated by " ". A <ul> element is created and occupied by one <li> for each member of the array, each containing its respective word. ...
0 votes
0 answers
21 views

How to display a bootstrap popup, if his position is relative to his parent and the popup is not visible?

I used: <button id="kill-btn" data-ng-if="entry.allowStopExecution" data-tooltip="{{'272'|i18n}}" </button> Popup is not visible, because his normal position (top) is ...
0 votes
0 answers
428 views

Bootstrap Dropdown Menu Not Opening

I am build an application with Twitter Bootstrap and Thymeleaf (Java / Spring). I cannot get the dropdown menu with bootstrap 3 to open, even when I copy the code from there examples. Oddly it seems ...
-2 votes
1 answer
111 views

Can I use grid everywhere I want?

Can I use grid system like this? I was trying to make those list time side by side but one element goes down. Margin won't work but only position: relatives works but it does not make it responsive....
0 votes
1 answer
899 views

an anchor link in bootstrap tooltip`s title doesn`t act like an anchor on click

I am using bootstrap tooltip to add some info to an SVG path. I added an anchor link to tooltip's title and it's OK until I click on the anchor to do something. It doesn't act like an anchor, and does ...
1 vote
1 answer
359 views

Redirection from Bootstrap modal with PHP data capture

I have a bootstrap modal with a form inside of it. At the moment when you click submit it just goes to a PHP script that handles the form data. Ideally I would like to attach this modal to a URL like ...
0 votes
1 answer
150 views

Empty tables are squeezed

I am trying to generate tables with random sizes, such as n * n where n can be between 3 to 7. The tables should be reponsive and should fit wholly on any device screen. Problem: When the table is ...
-2 votes
1 answer
51 views

what is wrong with my code?

<div class="row"> <div class="container"> <div class="col-md-4 col-md-offset-4"> <div class="login-wrapper"> <div class="login-head"> <h3 class=...
0 votes
2 answers
4k views

Row Bootstrap Responsive

This is a simple bootstrap code <div class="row" > <div class="col-sm-8"> one </div> <div class="col-sm-4"> two &...
2 votes
3 answers
2k views

Cant use Bootstrap Toggle within table td?

I generate html table using bootstraptoggle as follows. var configTableDiv = document.getElementById('exportListContent'); output = '<tr><td><input id="toggle-mode" type="checkbox" ...
-1 votes
2 answers
41 views

use relative folder included html files

I'm designing a web-page where there are common html docs so I used jQuery to include them into all .html The problem is that my index html file it's in the project folder and the other files there ...
0 votes
2 answers
56 views

Bootstrap Menu - My menu didn't show with the button. button is on the left while the menu goes on the right side

This is my code: <div class="dropdown"> <button type="button" class="navbar-toggle1 " data-toggle="dropdown" data-target="#navbar" aria-expanded="true" aria-controls="rep_options">...
0 votes
1 answer
634 views

Bootstrap-slider won't load

I'm trying to get example #2 to work from here: http://seiyria.com/bootstrap-slider/ <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/bootstrap.css"> <link ...
0 votes
2 answers
2k views

image not full width in a col-md-4 div

i am trying to make an image full width in col-md-4 div. I've tried using the img-responsive class as well as width:100% but still it is not working. below is my html code and css HTML <div ...
0 votes
2 answers
2k views

Bootstrap modal not closing on pressing backspace key

I have several bootstrap modals in my application. when there is a modal and I pressed backspace key the popup never closes instead the back portion of web page navigates last history page visited. ...
3 votes
1 answer
749 views

Spring Boot bootstrap icons not showing on HTTPS reload

Looked everywhere online for a solution to this but nothing seems to work. On localhost the .EOT file downloads with a 200 result and mime type of application/octet-stream. On HTTP the same happens. ...
1 vote
1 answer
10k views

Select text-align center with Bootstrap [duplicate]

Hello I have a bootstrap framework, and select width dynamic: HTML <select class="form-control" id="selectCenter"> <option data-ng-value="20" value="20">20</option> <option ...
0 votes
0 answers
128 views

Angular2: strange routing issue where url doesn't get updated and route doesn't stay persistent when the page gets reloaded

I am working on a angular2 web app. I already have a few routes setup that all work as expected. I recently added a Goods Received view and i'm running into a very strange error... I added the path ...
2 votes
1 answer
111 views

Center a div inside row

Ok I know I am just making a beginner mistake but I cant seem to figure it out. I was going to use the class jumbotron but find the text change is not what I want. I need to create a 100% width ...
0 votes
1 answer
2k views

MVC5 - Navbar active color

I am having trouble getting the active li in my nav bar to change color when I click it and go to that view, I have included some code below but I show you more if needed This is my navbar code that ...
0 votes
1 answer
38 views

How can i create space between 3 divison in single grid container as per my image

please help me to making exactly appear in screen shot image <div class="product-feature"> <div class="container"> <div class="row"> <div class="product col-lg-12 ...
0 votes
1 answer
49 views

Bootstrap 4 on Wide Displays: Centering, and Ensuring an Image is no Taller than Text that Wraps it

First, sorry for the noob question. I don't expect the answers here to add much to the 21st century's understanding of computer science, but I am grateful for the help of the community. I am ...
0 votes
1 answer
2k views

Changing Bootstrap's Default Modal Class

I need to change Bootstrap's Javascript and CSS files in order to change the class name that is applied to the main containing div for modals. Here is the default container: <div class="modal ...
0 votes
2 answers
97 views

How can I match bootstrap column heights with pure jQuery?

I know there is a library called match-height.js that already does this for you but I'm trying to do it from scratch. I have row with 2 columns, the first one has a centered (horizontally and ...
0 votes
2 answers
357 views

Calling a custom css after bootstrap doesn't change it?

Here is my simple code <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/sub-cat.css"> I don't know what's exactly wrong, I wanna change "Caption" class ...
0 votes
1 answer
429 views

Bootstraps modal on close

I'm retrieving datas on success with jquery ajax and I output theme in bootstraps modal. What I'm trying to do is to bind an event on modal close, but doesn't seems to work. $(document).on('click'...
0 votes
0 answers
38 views

Listbox with multi selection Checklist is not appearing

Script: <script type="text/javascript"> $('#<%=ddEVNT1.ClientID %>').multiselect({ includeSelectAllOption: true }); </script> Code: <asp:DropDownList ID="...
4 votes
2 answers
8k views

dynamic bootstrap progress bar in angularJS

I am creating a web app in which i want to show progress bar depend on the data from my sql server, for example i am getting my data like(40) in my progress bar width of my progress bar sould be 40% ...
0 votes
0 answers
37 views

Responsive webpage for small devices not working

I'm trying to make my web page responsive using bootstrap.I want to remove the biggest image when the screen size is below 767 px.I want the content image and the content-title to come side-byside in ...
0 votes
2 answers
3k views

font awesome instagram icon invisible

I've added the instagram font awesome icon to the navbar but its invisible - all other social icons are showing. The instagram logo is menu-item-303. I think all the info is below, however let me ...
0 votes
1 answer
177 views

How to add a custome tag to the input text field using javascript or jquery

Current scenario: I have 2 input text field in which a user can search an game tag and then append the searched tag value to the 2nd input field. Problem: the user want to add the new tag that is ...
1 vote
0 answers
368 views

Laravel Elixir Webpack jQuery

It comes with Laravel 5.3 and I am new to Webpack. Can anyone help me as I keep getting this error: $(...).liteuploader is not a function .. bootstrap.js: window.$ = window.jQuery = require('...

1
800 801
802
803 804
2063