Newest 'twitter-bootstrap' Questions

Q&A for professional and enthusiast programmers

How to shorten Pagination in Django

I have a Django project with 600 listings. I get an extremely long pagination and I would like to know how I would shorten the pagination. Maybe not show all the page numbers and replace some with ... ...

Bootstrap: maintaining active state based on routing when manually entering url

Here is a well working plnkr example:http://plnkr.co/edit/p45udWaLov388ZB23DEA?p=preview A navigation with 2 links (routing to 2 ui-router states), and a jQuery method that maintains the active class ...

Trigger a modal

I have problem with trigger a modal, i check for jquery and its ok. I am using 1.12.4 version and i have tag in head of code: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/...

Bootstrap carousel without arrows and auto slide

I am trying to get an auto-slide carousel with 2 activ/showing images and without arrows like on this page (the brand-logos on the right, if you scroll down a few px): http://www.videoboost.de/#...

Bootstrap Menu Bar Active Tab

I have been having trouble getting a bootstrap menu bar to display an active tab. I used http://bootstrapdesigntools.com/tools/bootstrap-menu-builder/ to create my menubar and on the website it ...

How to fit image into bootstrap panel-body

How to fit image into bootstrap panel-body? I am using img tag. I tried to do max-height:100% and max-width: 100% but no luck. Is there any way to fit image to panel-body without specifying actual ...

Bootstrap Datepicker not working in Firefox by works in all other browsers

I have a Bootstrap Datepicker in use on a web app. It works fine in all browsers except FF. Interestingly there are no JS errors in FF, but what I do notice is my input field is turned from type=text ...

wp_nav_menu not rendering properly

I'm building a wordpress theme using bootstrap for a little weekend side project and I've been running into an issue with wp_nav_menu. Here is what my code looks like for my header.php: <header ...

what are my options for implementing this responsive design?

I've been asked to implement a responsive design. This is the layout for the desktop view: http://codepen.io/ac123/pen/mWjBNB <html> <head> <link rel="stylesheet" href="https://...

Reset Bootstrap modal when clicking outside modal window

I'm having some problems with reseting my bootstrap modal whenever the user clicks outside the modal window to dismiss instead of pressing the dismiss button. My datetimepicker stops working whenever ...

Selected value is not getting displayed with uib-typeahead

I use uib-typeahead as below in my angularjs app for auto suggest in text box. When I type some letter, I can see the suggestions. However, if I select any of the selection, that is not getting ...

Bootstrap ScrollSpy and links don't work properly

Learning Bootstrap these days but ran into some difficulties. I am trying to use Bootstrap ScrollSpy but it doesn't seem to work and I can't figure out why. How can I keep the left column fixed in ...

I need help for make this html page [on hold]

I Want to create this html page, but I am facing some problem when I create right sidebar for advertisement it's not working. I think I can't call CSS properly so it's broke and not responsive.I am ...

Bootstrap v4 popover hidden events

I have a bootstrap popover which all works correctly so far. However Im having trouble events. The show.bs.popover and shown.bs.popover events work as expected however hide and hidden events dont ...

How much percentage does Bootstrap v3 use jQuery's source code?

I would like to know that how much percentage does Bootstrap v3 use jQuery's source code? Thank you!

display available time slots ASP.NET

i want to display the available time slots in my asp.net application in a way similar to Zocdoc.com i can retrieve the data but how to be represented in that form, is it an api? any guide is highly ...

Zigzag footer change traingle color

I have a footer and im trying to do it with a zigzag border, it working properly but i want to change the color of the triangle to this color #67BA4D, how can i do that? here is my code: ....

Bootstrap 4 $(…).load is not a function

I'm trying to build a page using Bootstrap 4 as basis. Since I'm new to Bootstrap it's a bit of trial-and-error. I want to use some buttons to load separate php-files into a DIV using jQuery / ...

Keep links in navbar at collapsing using Bootstrap

I'm creating a responsible navigation bar using Bootstrap. Now it looks like: in expanded view, and: in collapsed view. In the normal view it looks okay, however in collapsed view I'd like to keep ...

Simply Responsive Image Hover using Bootstrap

I am a newbie programming and need some help of the pro's here. I am using bootstrap for building a new Website. Below my Slier I want to add 2 Rows and 2 Columns. (1st Row - 1st Column: col-lg-8, ...

Robust CSS framework for Embeddable Widgets

Is there CSS framework like Twitter Bootstrap but for embeddable widgets? The difference is that it has to be robust. The widgets are supposed to be embedded into variety of different web-sites with ...

Bootstrap Collapse is not working with dust

I am very new to express js and bootstrap. I am using Dust view engine. Everything was working fine except the collapse functionality.It is not working. My layout.dust file include jquery and ...

Column width in Bootstrap

Please bear with me if this is a simple question (I'm an iOS developer trying to learn CSS-Bootstrap. I first played with rows : <div class="row"> <div class="col col-1"> ...

Update Bootstrap Progress Bar after PHP exec()

I use PHP to run a python script and need to update a progressbar after the script has been executed. After the progressbar has been updated another script will be executed and so on. Here ist my ...

Bootstrap 4 carousel move 1 item at the time

I could not find any information how to move only one item in carousel using Bootstrap 4. Found this one: http://www.codeply.com/go/TKgDMEQS7x but I do not want to move every item, only one, I mean ...

Why do my pages move horizontally

I am supporting a website: https://www.allcounted.com If you first look at the home page or What's Hot page and then click the Subject or Country page in the top navigation, you would see the page ...

Not able call Carousel frunction in react-bootstrap

Trying to create an carousel with thumbnails. When click on thumbnail image it needs to call carousel function. import $ from 'jquery'; import 'react-bootstrap' function changeSlide(){ $('[id^=...

Adding jQuery for Bootstrap in Angular2

Where should one correctly include jQuery for Bootstrap 4 within Angular2, taking into consideration architecture best-practices and potentially performance when loading pages?

Grid layout using masonry and bootstrap

I am trying to make a page which looks somewhat like this on desktops And it will have a one column layout for mobile devices. With the image first, then the long text, then the advertisers, then the ...

How to line up images on the same line

I have this code below and I've tried every trick in the book to make all the images have the same dimensions and still make it Bootstrap responsive. But it seems like I have to choose one or the ...

How To Position An Image Over Fixed Responsive Bootstrap Image

So I'm building a simple bootstrap site (the top so far): and I'm trying to get this effect in the top background image: As you can see the second image has a slightly transparent png image lodged ...

bAutoWidth not working when dataTable.bootstrap.js is included in the webpage

'bAutoWidth : false' , is not working when dataTable.bootstrap.js is included in the webpage. I need dataTable.bootstrap.js in my page for design. How to resolve this? $('#table').DataTable({ "...

Bootstrap 4 Alpha 6 pull-right equivalent

I've updated from Alpha 4 to Alpha 6, and I can't for the life of me get what was pull-right to work on a span. I know pull-right has been removed, but I can't seem to get anything to work, i.e. float-...

Font awesome icons not clickable

I am having a problem with font-awesome icons. When you click on the little plus it is fine however if you click on the rest of the button it will not take you to the link. <div class="jumbotron"&...

Sidebar expansion, toggling does not work on ajax load

I have a bootstrap 3 sidebar which is being loaded on a button click. The sidebar that gets displayed is decided on which button is clicked. The appropriate sidebar gets loaded. However, the <li>...

How to use flexbox with Bootstrap alpha v6

With bootstrap alpha v4 there was the option to enable the use of flexbox within the file _variables.scss. All we had to do was set enable-flex: false !default; . to enable-flex: true !default; ...

How can I add multilevel dropboxes on hover?

Problem 1 : Open sub-menu on hover and not on click Problem 2 : Have multilevel sub-menus/dropboxes About ...

How do I make all of these images the same dimension but still Bootstrap responsive?

I have code that displays images and a countdown below the images. How do I make all the images the same dimensions but also let Bootstrap be responsive? At the same time, also making sure the ...

How do I make images same width and height but still be Bootstrap responsive?

So, I have this code below with images and a countdown below the images. How do I make all the images the same dimension, but still make it responsive for Bootstrap? I've tried doing min & max ...

Bootstrap column not filling up grid if I add margins

I want to loop a number of div with a class of col-sm-3, technically it should loop 4 divs in a row. Technically, it does, but whenever I add just a margin, even just 1px, i automatically puts the ...

Window within window html framework

sorry for the vague title. I was wondering if there's any framawork I could use to make something like Gmail's compose an email window. For example for posting comments, I'm currently using a Modal ...

why doesn't this bootstrap layout work in jsfiddle?

Why doesn't this bootstrap layout work in jsfiddle?: https://jsfiddle.net/1mdodv7r/2/show/ <body> <div class="container"> <div class="row"> <div class="...

How can I have an image to the left of a text box with a grey background using bootstrap?

I was wondering how can I have an to the left of a text box with a grey background behind the text using bootstrap? I'm trying to replicate this layout in the screenshot below by placing an image next ...

How do I stretch a floated element to fill the vertical space in the viewport?

Building a help system via Bootstrap. The left nav is supposed to fill the vertical space, regardless of the menu/content size. Additionally, the footer needs to stick to the bottom when the page has ...

Bootstrap timepicker goes negative when clicking up and down arrow

In the input field of timepicker, initially I just need placeholder there and I decided to setdefaultTime as false: <input type="text" class="timepicker" placeholder="Enter time"> <script>...

How to style element's size while using bootstrap grid?

I would like to ask how to style a simple menu while using Bootstrap Grid only? I mean we've got a container with 12 columns size (<div class="col-lg-12"></div> for example) and inside ...

bootstrap active class is not working when i include it in another jsp file

I have created a bootstrap navbar. I have written jquery for changing active class, and it's working fine.I wanted to include it in every jsp page.The problem is- active class is not working, when i ...

Using bootstrap how can I do this?

Following the 12 grid system of bootstrap how would I place the image code below in example one below the class jumbotron text-centre in the centre? How would I use media queries to ensure the image ...

center align doesn't work on the Bootstrap on the navigation bar

I'm new to Bootstrap , I'm trying to write a simple web page contains a navigation , side navigation .. I need the "triMago" Branch image to be in the center of the navigation bar but it doesn't ...

Error within my code how can I centre responsive image?

What error is in my code trying to make an image responsive and centre it however, I can't seem to successfully do it. What am I doing wrong? Example of how it looks on my screen. http://imgur.com/a/...
Translating... 0%