Tag: twitter bootstrap

Dropdown menu overflow not working when inside a bootstrap nav bar

I have this dropdown menu which works great: <div class=”btn-group pull-left”> <a class=”btn dropdown-toggle” data-toggle=”dropdown” href=”#”> <i class=”icon-map-marker icon-large”></i> Change Site <span class=”caret”></span> </a> &nbsp; <ul class=”dropdown-menu” id=”arSiteList”> <li> <a href=’#’><b>Select a site</b></a> </li> <li class=”divider”></li> </ul> </div> When the list of dropdown items is longer than the screen, scrolling the mouse wheel will scroll […]

Bootstrap Pagination is removing href, making links unclickable

I have setup my pagination exactly how bootstrap pagination examples are given. Everything works except the links. Apparently the Jquery script removes the href=”link” from the <a> tag. This is what my php script generates in the html without the pagination script <div id=”alphabet”> <ul> <li><a href=”/retailers.php”>All</a></li> <li><a href=”/retailers.php?letter=0-9″ >0-9</a></li> <li><a href=”/retailers.php?letter=A” >A</a></li> <li><a href=”/retailers.php?letter=B” […]

twitter bootstrap datepicker not rendering properly

I am trying to run the example given in the bootstrap datepicker, but it is unable to render as it is shown in the website.I am running the site in an instance of google app engine. The input field of the datepicker seems to be shrunk. The code that i used is given below — […]

Highcharts item width not 100% in carousel

I’m dynamically creating highcharts graphs in my bootstrap carousel. I have a carousel like this: <div class=”carousel”> <div class=”carousel-inner”> <div id=”item”> <div id=”container1″ data-highcharts-chart=”0″> <div class=”highcarts-container”> THE SVG </div> </div> </div> <div id=”item”> <div id=”container2″ data-highcharts-chart=”1″> <div class=”highcarts-container”> THE SVG </div> </div> </div> <div id=”item”> <div id=”container3″ data-highcharts-chart=”2″> <div class=”highcarts-container”> THE SVG </div> </div> </div> […]

What are the bootstrap main.js and plugins.js scripts for?

Plugins.js and main.js are included with initializrs version of twitter bootstrap 3 (maybe also in the vanilla bootstrap 3, I haven’t checked). I don’t know what they’re there for, couldn’t find any explanation on getbootstrap.com and the files themselves don’t contain a lot of explanatory comments. Can anyone explain what they’re there for, what they’re […]

Bootstrap Tooltips are not disappearing

I am using Fullcalendar control and I defined tooltips for its items. I often get the situation when items are removed/moved, but tooltips still exist. I could workaround this by using $(‘.tooltip’).hide(); for button click. Is there any possibility to hide all existing tooltips before creating a new one? eventRender: function (event, element) { element.tooltip({ […]

Bootstrap Slider isn't working

I’m trying to get this basic Bootstrap slider working, but this just eludes me. http://getbootstrap.com/ bootstrap http://www.eyecon.ro/bootstrap-slider/ bootstrap slider I’m trying to implement this, but can’t figure out why it isn’t working. I’ve confirmed jQuery 1.8.3 running on the server. I have included the CSS/JS of Bootstrap 3.0.3. And I have included the CSS/JS of […]

Twitter Bootstrap Popover add a callback function with event

I want to implement a Bootstrap Popover that is positioned based on where the mouse clicked. It seems that I need both the event to tell me where is the x and y position of the mouse as well as the height and width of the popover to calculate this information correctly. I am currently […]

Bootstrap Grid not working in IE8

I am currently designing a site that works fine on Chrome, FF, & IE 9,10 but when I view the site in IE8 thru browserstack it renders terribly. Code of the section: <div id=”retail_locate” class=”container”> <div class=”row”> <div id=”retail_btn” class=”col-md-4 text-center hidden-sm hidden-xs”> <button type=”button” class=”btn btn-default”><span class=”btn-text”>Find A Local Retailer</span><span class=”icon-map-marker”></span></button> </div> <div class=”col-lg-8 […]

Generating results in a search box in AngularJS and Bootstrap

I’m looking to display results in a navigation bar. HTML <input type=”text” ng-model=”result” min-length=”2″ typeahead=”institution.id as institution.name for institution in institutions($viewValue)” style=”display:block” placeholder=”Search”> JS $scope.institutions = function(institution) { return $institutions, { query: institutions } .then(function(response) { return limitToFilter(response.data, 15); }); }; Here’s the error I get in the console.