Newest 'twitter-bootstrap' Questions

Q&A for professional and enthusiast programmers

wrong size of bootstrap dropdown. not responsive how to fix?

I wonder how I can change the size of bootstrap select tag. It is not responsive as well. Please see attachment, in first picture there is small resolution in second one is bigger. <div class="col-...

Bootstrap modal with feedback not dismissing

I'm using a BS Modal to show the feedback on a newsletter form. It uses AJAX and PHP to insert the e-mails on DB and returns the STATUS. The PHP and the AJAX response are working fine, with ...

How to set out the background image of a jumbotron at full size and make it responsive?

I want to make the background image of the jumbotron to have full size without needing to state the height in pixes. Reason for that is that I want it to be responsive. Also I want the image to be ...

Stuck in understanding Bootstrap.v3 tab.js source code

Background Recently I plan to write my own js lib which mainly refer to Bootstrap v3. I stuck in some code, please help. Problem In Bootstrap v3 tab.js, I have no idea what's the effect about two ...

modal window over ajax

Script load html-content via ajax in Bootstrap 2.3. Loaded data etc.: <a href="#ModalEdit" data-toggle="modal" data-original-title="Title" class="tooltip-top"><span class="DataForAjax" id="...

Bootstrap bottom align button inside .form-group

I have markup as follows which shows 3 text inputs on a horizontal line <div class="form-inline"> <div class="form-group"> <label>Field 1</label> <input ...

Grid System not working correctly [duplicate]

enter image description here I am using the col-xs-6 col-md-3 division but when i get to the 6th line , the positioning of the item sways to the right can anyone please help me rectify this problem. ...

AngularJS/Bootstrap modal printing out -> botton and top distance at page change

In my application I have a modal with content that is variable. It is possible to print out the content of this modal and currently it looks like this: Is there any possibility to set the distance ...

Webflow css vs bootstrap 3

I have created a webflow html, css, and I am trying to convert it to bootstrap 3. Though I am not so sure If I should do this work, so I was wondering if anybody has experienced doing something ...

Fixed top and bottom divs, Mobile keyboard issue

I'm using straight forward bootstrap to implement like a mobile chat website. Experiencing css issue when selecting an input(seems iphone specific as android is working as expected). keyboard is ...

Near by map are not working in bootstrap tabs?

code: <script type="text/javascript"> $(function(){ $('.chkbox').click ( function(){ if($(this).is(':checked')) {...

Static nav to fixed nav, causes page to “jump”

basically i have a navbar that becomes fixed when the user starts scrolling, with some transition stuff going on, to make it look nice. My problem is, when my navbar becomes fixed, the whole page ...

Change CSS with jQuery if not at the top of the page

I'm using jQuery to change the CSS elements of the Bootstrap navbar after scrolling. The issue I have is that if you load the page anywhere after the top of the page, the menu won't get smaller until ...

Laravel 5, Use URL for setting active class

Using Laravel 5.3 Have stripped this right back but basically I have a very simple list, I want to add class 'active' to the list item if Request::is('url') returns true. <ul> <li class=...

Bootstrap date time picker only picks up current date when maxdate is set

I'm having an issue with the Bootstrap datetimepicker in that when I set the maxDate to new Date (as in, today) it only ever shows that date as the default selected, rather than the one that it's ...

Prevent Bootstrap navbar from collapsing and breaking [duplicate]

I have a fixed bootstrap navbar at the bottom. It breaks to mobile view at 768px. I'd like to prevent it, without re-compiling bootstrap.css. Is there a simple way to do this, without touching ...

Loading a modal after closing a first (Bootstrap 3)

I have a modal on the page (.lockdown) that has two close buttons. One of these (.btn-typoedit) simply closes the modal, however the other (.btn-newcontact) closes the modal and then immediately opens ...

menu items are not in same horizontal line

I made a navBar with Bootstrap , but items are not aligned on same horizontal line .. as in picture i want items in straight line ... the code is as following .. nav ul { text-align: right; ...

Bootstrap sidebar affix flickering on scroll

My goal is to have the sidebar affixed, it starts to scroll nicely but when it gets close to the footer it starts to flicker. What did I do wrong? It seems that the Bootstrap is undecided and keeps ...

Bootstrap 4- Is there a way to make a table row clickable? [duplicate]

I'm using the 'table-hover' in B4, Is there anyway to put an href to the table rows that are being hovered so they are actually clickable? <table class="table table-hover"> <thead> &...

do something when modal hides

I'm facing an issue with a modal, I have one and when I close it I need running something, actually when it closes, I need refresh the index.php. <!DOCTYPE html> <html> <head> &...

How to get data attributes in vue.js

I have a button, and a modal is poped up when it is clicked. The data in the modal is passed with data attributes for the button. My button, <button class="edit-modal btn btn-info" data-toggle="...

2 class of col-md-6 can't make element stack horizontally

I'm trying to make footer that consist of 2 anchor text and I want to make both of those anchor text placed side by side (not vertically). Here's my HTML: <footer> <div class="container"&...

bootstrap table responsive is not working on reactjs griddle

The responsive table component in bootstrap is not working on reactjs griddle. I have put reactjs griddle and outside it I have kept a div having .table-responsive class. But some mobile phones are ...

footable v2 inside bootstrap modal incompatible?

I have a footable v2 dynamically created inside of a bootstrap modal and it does not initialize/size properly unless you attempt to resize the window. Everything works fine outside of a modal, so ...

How to use a twbs glyphicon in a react project

I have successfully managed to create a twbs navbar for a project that I am working on. However, I would like to add two different glyphicons, 1) Login 2) Sign Up The Login / Sign Up links are ...

Bootstrap Menu; enable text link while tapping the caret for sub-menu

A menu having a sub-menu cannot link out but just open the sub-menu. If I remove some attributes, it will not open the sub menu but it can open a link. Is it possible to have the text link out to ...

How to render bootstrap typeahead results list on the left side?

Is it possible to render the results list of angular bootstrap on the left? This is on the left, as normal, but it gets out of the window for longs results. Thanks.

modal still pops up even if other button is clicked

When i click on the edit button my modal for editing information pops up but when I close it out and click the button for adding an entry the edit modal still pops up. Any ideas? <div id="myModal" ...

Asp.Net Mvc Selectpicker

I am trying to implement a DropDownList Multi Select using Bootstrap Selectpicker for selecting Schools in my application. I am not very familiar with MVC and JQuery since i have been using webforms ...

Dynamic content in Bootstrap modal and dynamic data in Ajax [Laravel]

I have some problems while coding in Laravel, in particular with passing data to a modal (bootstrap framework) and passing data to an Ajax post request. I have an array of items with an 'id', a 'name' ...

How to prevent all radios and checkboxes on my webpage from turning into bootstrap switches

I have included the bootstrap switch JS on webpage. It is causing ALL radio and checkbox inputs to turn into bootstrap switches. Is there any way I can control this behaviour so that only some of the ...

Bootstrap tooltip on Select option not working

I need a tooltip to be displayed for each options in the select box <select ng-model="rightList" class="form-control" size="13" multiple> <option ng-repeat="...

How correctly install latest Bootstrap version into my Laravel 5.4 web application?

I am pretty new in PHP and moreover in Laravel and I have the following problem: I have to correctly install latest Bootstrap CSS framework version into my Laravel application. Into the Bootstrap ...

angularjs ui-select disable dropdown list and make it only searchable

Here is the plunker for my issue: http://plnkr.co/edit/9DsLidTZR7RJDEq6PW0H?p=preview I would like to make the dropdown menu searchable only: the use only sees the list of the dropdown items ONLY ...

How to echo id value as variable in bootstrap modal window?

I thought this would be easy enough but it's giving me problems. I tried searching other answers to solve this, but to no avail. I have a list of buttons where the id value is dynamic. <a href="#" ...

Styling error messages with bootstrap

I'm building my own form to git rid of help text, As I can't change the builtin form in django to remove the help text. So far so good, but I can't style the error messages. It's showing basic ul ...

Overlapping profile picture in the middle

Currently i have the following Header(Template from Bootstrap for Responsive Purposes):- But it's not very nice to have a such big navigation pane, so now i want to place the Profile Picture in the ...

Centre a hexagon shape within a bootstrap column. Text-centre and margin: 0 auto; doesn't seems to work

I want to centre the hexagon within the column. I've tried text-center and margin: 0 auto; as well. It is not getting centred. What I'm doing wrong? I'm trying to achieve this using bootstrap row and ...

Need to change list in bootstrap drop-down upon selecting radio buttons

Here i have a set of radio buttons and a dropdown also. I want to change the populated list in the dropdown when i'm selecting different radio buttons. eg: I have radio buttons as a) fruits b) ...

Bootstrap calendar group similar events

hello, I need some help. I use this plugin bootstrap calendar:https://github.com/Serhioromano/bootstrap-calendar i try group month view events similar this: https://mattlewis92.github.io/angular-...

Bootstrap navbar appearing vertically instead of horizontal

Working on a project and my navbar is appearing as a vertical list instead of horizontally across the page. I've tried several different ways to fix and looked at other posts. I believe all my code is ...

anchor click doesn't open the modal

Here's how I have an anchor tag with me. <a href="#" data-toggle="modal" data-target="#modalTC">terms and conditions</a> My modal looks like below <!-- Modal --> <div class="...

Create a section at bottom of a Bootstrap container

I have a single page with multiple containers. I'm trying to create a section like a footer at the bottom of one of those containers. That footer should stay at the bottom of that section, but not at ...

How do I customize a widget in Symfony3 Form?

I need help with Symfony 3.3. I Using bootstrap to improve the appearance of a radio button I parted the following code in HTML5: <div class="row"> <div class="row"> <div ...

minhur bootstrap toggle does not show full width in modal, but does everywhere else

I am wanting to use Bootstrap Toggle plugin, but it does not show as expected in the modal for longer text. JSFiddle Code: <input type="checkbox" name="toggle-checkbox" checked> $("[name='...

unable to find bootstrap documentation on nested cols and rows as per below pic

I was trying to get this particular image using bootstrap framework but i am unable to get the same. I did get it using html and css but it is not responsive. Below is the image : can anyone help me ...

How do I make the horizontal navigation of my website align at the center?

Here are the snippets that I've used to implement both are in HTML and CSS with bootstrap. I'm unable to move the navigation bar from its place. In other words, I feel it is fixed. How Can I replace ...

How to target a specific tag to be affected by a specific CSS file

I have this following HTML5 code <!DOCTYPE html> <html lang="en"> <head> <title>AUMC-Student Portal</title> <meta charset="UTF-8"> <...

My dropdown menu was covered by a div and already have z-index

i was stuck with these, i tried to put z-index from it and put some position in css, but it doesn't solve my problem. I am having trouble of my dropdown menu because it was covered by a div or i don't ...
Translating... 0%