Category "twitter-bootstrap"

Disable responsive (mobile) navbar in Bootstrap

is there a way to disable the responsive navBar in bootstrap 4? I don't want the dropdown as in the mobile version it's still possible to see the 2 links next t

Bootstrap Switch - ON state

I am using this bootstrap switch library. I have a checkbox in my html. Now, it is always showing in the OFF state, even though its checked property is set to

Saving Data from Laravel Form in Bootstrap Modal

i have a bootstrap modal dialog which use laravel form to register a user. Here's the code: <div id="addPenggunaModal" class="modal hide fade" tabindex="-1

Bootstrap use css class at breakpoint (xs,md...)

Is there a way to use the bootstrap breakpoints xs,md etc. as a condition for assigning classes? Example: <span class="text-large-md text-small-xs">My T

Bootstrap-Select opens option under the div

I have a fixed size div. suppose 50px. Inside that I have a drop down. I've used bootstrap select to make it searchable. <div style="height=40px;width:200%;

Bootstrap modal link

How can I make button become a link only and have a popup in bootstrap 3? code <a href="" data-toggle="modal" data-target=".bannerformmodal">Load me<

Bootstrap-Select opens option under the div

I have a fixed size div. suppose 50px. Inside that I have a drop down. I've used bootstrap select to make it searchable. <div style="height=40px;width:200%;

Sticky NavBar onScroll?

I'm currently building a site for myself, and I found this really awesome effect on multiple sites where the navbar is below an image, but when you scroll past

how to create elements dynamically in HTML using JSON file

I want to create HTML elements dynamically using JSON file. {"myObject": { "JAVA": { "id": "JAVAsubj", "path": "json/data.json" }, "C#": { "id": "

How to fully fit an image inside carousel(Bootstrap)

I have made a fully functional carousel but the problem is that on the right side of carousel white block is appearing. I want to ged rid of that. Please help.

Changing the space between each item in Bootstrap navbar

How can I create a larger space between each link on my navbar, so they are further apart? Is it something I change the CSS or HTML? Here's how I've implemented

How to get state of Reactstrap's CustomInput Switch component, and how to map switches from an array?

<FormGroup> <div> {this.props.diseases.map((disease, index) => ( <FormGroup> &l

Bootstrap: Implement facebook-like notifications in header (navbar) as submenu, not just a counter

Chances are I'm just retarded and I'm getting an answer within a few minutes, but I just can't seem to find what I'm looking for. I need to implement "faceboo

There is white space after my Navbar? How to delete it?

This is my Navbar. <div class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type

How install a Bootswatch theme on React project?

I created a React project and I would like to install on it a bootswatch theme. The theme is display but some component of it that use js don't work. Like moda

Bootstrap container-fluid padding

The following HTML is generating unwanted padding: <div class="container-fluid"> <div class="row"> <div class="col-xs-12">

Changing the active class of a link with the twitter bootstrap css in python/flask

I got the following html snippet from my page template.html. <ul class='nav'> <li class="active"><a href='/'>Home</a></li>

React DatePicker Bootstrap up to date

I searched for a good datepicker in React using bootstrap style. But everything I found wasn't working well or was not up to date... I'm working with React 15.

Modal With Another Modal Causes Scroll on Body

https://jsfiddle.net/e6x4hq9h/ Open the first modal. It opens fine. Removes the background scrollbar. Open the modal from within that modal. It causes the scr

Bootstrap control with multiple "data-toggle"

Is there a way to assign more than one event to a bootstrap control via "data-toggle". For example, lets say I want a button that has a "tooltip" and a "button"