Most voted "twitter-bootstrap" questions
Bootstrap is a front-end (client) framework, created by Twitter, designed to serve as the basis for developing web applications and websites. Use the tag "twitter-bootstrap" and NOT "bootstrap" to ask a question about this framework. Also use the more specific tag if the question refers to something unique to a related version or technology.
Learn more…1,437 questions
Sort by count of
-
2
votes2
answers1487
viewsHow to add sorting indicators to a table?
I created a [ascending - descending] sorting algorithm of [letters - numbers]. I’m trying to add some sort indicator in the column title, but it’s not working as it should. Example: function…
-
2
votes2
answers996
viewsIs it wrong to use ! Import to override Bootstrap rules?
I’m recently studying Bootstrap and realized that I can, for example, edit the background of a .nav-bar using the !important in css. Is doing it that way wrong? Would I have any consequences on…
-
2
votes3
answers3498
viewsI wish I had more than one bootstrap modal on the same page
<div class="container"> <img src="../imagens/editar_3.png" style="cursor:hand" title="Editar Info" data-toggle="modal" data-target="#myModal"> <div class="modal fade" id="myModal"…
-
2
votes1
answer685
viewsLoad datepicker into modal
Good morning. I’m not able to load the datepicker inside a modal called via ajax, someone would have an example of code? MODAL: <div class="modal fade" id="modalaltera" tabindex="-1"…
-
2
votes1
answer4263
viewsHow do I open a submenu just by going over the menu?
I have the following css menu: <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="scroll <? if(!$this->uri->segment(1)) echo "active";…
-
2
votes1
answer3982
viewsHow to check the modal closure
Via Ajax I register items in the database and return a certain value to the user through a modal using the innerHTML. Done that the "html" of modal is filled with the amounts I pulled from the bank.…
-
2
votes0
answers261
viewsHow to use scroll only in the table that is inside a modal?
I have a screen that has scroll, and on this screen access a search modal. This modal loads some information in table, so I use the shortcut keys to facilitate the navigation of it. The problem is…
-
2
votes3
answers3976
viewsAlign Text vertically with Bootstrap without fixed height
I’m trying to align the text vertically in my header but it seems impossible. I want my header content to always be in the center vertically, I did horizontal but vertical can’t. Thank you. Follow…
-
2
votes2
answers1374
viewsCalling layouts within a modal
I have an application ready with its own layout, and within this layout I use the fancybox. Only now I am obliged to migrate to the bootstrap and I’m using the Adminlte-2.1.1 for fitting in with…
-
2
votes2
answers3819
viewsHow to create "Banner" with css?
I’d like to produce a Banner similar to the photo using css. I tried using characters UTF-8 and the result was almost perfect, but I would like to do with css to avoid some problems of…
-
2
votes5
answers3628
viewsmodal boostrap opens and closes alone
I’m having a problem with my modal bootstrap. It is as simple as possible, I took the example of the bootstrap site itself to test it but when I click the button, it opens and closes immediately…
-
2
votes1
answer87
viewsWhy does the minus sign button (remove) not work when clicking it?
I have a text field with an add button on the side. When I click on the button it adds another text field with a remove button on the side. The idea is that when I click the successive remove…
-
2
votes2
answers1211
viewsCaption with CSS mouseover
Guys, I got a thumbnail of bootstrap, I implemented within it a div caption, which should appear with the mouse on top. Only it is bursting the size of the div father, who in this case is the…
-
2
votes1
answer408
viewsDiv to loading ajax in full screen?
I’m using Bootstrap 3 and created a <div> that works in full screen for an ajax loading, this works well if the screen is docked, without scrollbar in vertical. But now I noticed that if the…
-
2
votes1
answer1265
viewsDelete dynamic table row via button in dialog box
As I delete a row from a dynamic table through a confirmation dialog box (modal)? So far I can delete only by directly using the delete button from the row itself in the table, but I wish there was…
-
2
votes1
answer436
viewsModal bootstrap
I’m building a mobile app using Asp.net (aspx) and modal bootstrap. The purpose of this modal is to fill in a label with the information contained in the href "date-mark" attribute that triggers…
-
2
votes1
answer145
views2 clicks to open the Popover again
I’m creating a popopver where I inserted a close button. As shown below in the image: HTML: <div class="dropdown" style="float: right;"> <button type="button" class="btn btn-default btn-xs…
-
2
votes1
answer57
viewsDetect Ellipsis
I have a following div with an image, the title and some options. See: .truncate { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } <div class="item thumb">…
-
2
votes1
answer12040
viewsWhy are the pull-left and pull-right classes no longer working in Bootstrap 4?
I’m updating the code to the current version Bootstrap 4 and was in Bootstrap version 3. I have updated the CSS, JS, and other files. It turns out that some parts are no longer working. These are…
-
2
votes3
answers4833
viewsDecrease size Bootstrap field
I want to reduce the size of the field but I’m not getting any help? follows a print <div class="col-md-6 col-sm-6 col-xs-12 form-group has-feedback"> <div class="container"> <div…
-
2
votes1
answer480
viewsGenerate Twitter-Bootstrap Alert within the script itself by clicking a button
I wonder if it is possible to create and open a Twitter-Bootstrap alert (.Alert) with a custom message within the script itself, without having to create the custom div outside the script and call…
-
2
votes1
answer6731
viewsHow to keep the input date bootstrap on the page?
I implemented the "date" class of Bootstrap 3. When accessed the page, the field is rendered normally, but at the end of the page load the input text and the calendar icon simply vanishes.…
-
2
votes2
answers6278
viewsSpacing between images
I’m not getting space between images using this <div> <div class="col-xs-12">espaço entre as imagens</div> <link…
twitter-bootstrapasked 6 years, 10 months ago Vanderlei Feyth 21 -
2
votes1
answer181
viewsHow do I increase the selection range of a list item within a drop-down menu
How do I increase the selection range (gray color) to be wide and high as selected in red? body { padding-top: 50px; padding-bottom: 20px; } /* Wrapping element */ /* Set some basic padding to keep…
-
2
votes3
answers1214
viewsInput date ta in English
I made an input date of the bootstrap and it ta in English, there is some way it stay in en? HTML <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link…
-
2
votes2
answers177
viewsSmooth height change
I’m making a Navbar where it will decrease the height and change the color in the scroll event. My problem is in making this transition smooth. I managed to do for the color, but not for the height.…
-
2
votes1
answer132
viewsHow to stop the translator google dropdown from disappearing?
I’m trying to implement the translator google dropdown, within a button. Now by clicking on the translator google dropdown, it does not show the countries/languages. Here’s the code I’m currently…
-
2
votes1
answer532
viewsProblem with background-image accessing from google browser Chrome on mobile
I’m having problem with my background image on my page but only accessing from mobile by Chrome or mobile default browser, Mozilla Firefox phone works perfectly. body{ background-image:…
-
2
votes1
answer24
viewsHover-enabled bootstrap tabview
I created a tab with bootstrap and he changes the tabs by clicking on the links I would like you to change from a tab the other by hovering over is possible ? follows the code: <ul class="nav…
-
2
votes1
answer92
viewsDrop-down menu with bootstrap
I’m studying bootstrap. Precisely, a menu. and I was confused because it is not repeating the dropdown again. However only in 1 "LI" specific. Thank you! CSS HTML: <div id="sidebar-nav"…
-
2
votes1
answer456
viewsDuplicate inputs with bootstrap
I’m creating a form with tabs and I have to duplicate a set of inputs to another line and wanted help to do this. I’m using bootstrap and there’s the code snippet to be duplicated. <form…
-
2
votes1
answer224
viewsPass a button id inside a while (in php) to a java script code and print the id inside a modal
I have two buttons in a table that sits inside a while (in php code) and I have a modal outside that while structure. My question is how can I get the individual id inside my table that is inside…
-
2
votes3
answers3985
viewsCentralize div de class="Row" with bootstrap
Does anyone have any idea how to center these buttons that are inside a div with class="row", how is centered the above container saying "Permissions", with Bootstrap and so that they are…
-
2
votes2
answers278
viewsHow to fix menu with fadein effect?
I have the following code that fixes the menu using bootstrap: $(window).scroll(function(){ scroll = $(window).scrollTop(); if(scroll > 500) { $('.navbar').addClass('sticky-top') } else {…
-
2
votes1
answer4397
viewsForm validation with angular 6
I have this form, very simple, with just a field and a button. I gave a required input, and when I write with the empty and/or null field, it does not write(correct), but already switches to the…
-
2
votes1
answer925
viewsHow do I stop the video when I close Modal?
When I close the modal the video keeps playing, as I do for the video to stop when I close the modal? <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap…
-
2
votes2
answers175
viewsInput does not track col-Md-8 size
I’m training in creating Forms, and I’m making use of bootstrap in it, mainly from <div class="row"> and <div class="col-md-4">. However, when I put only two elements on the same line,…
-
2
votes2
answers181
viewsConfiguring modal with bootstrap
I have a modal I use bootstrap, but when I put inside a div to format the size, it seems strange. Follow the modal: <div class="modal fade" id="myModalTransportador" role="dialog"> <div…
twitter-bootstrapasked 6 years, 2 months ago Mariana 2,512 -
2
votes1
answer172
viewsNavbar does not change content
How to do to the navbar of Bootstrap 4.1 vary between the contents when clicked on them, I created the nav following the example of the site. To navbar open her items need to add action with js in…
-
2
votes2
answers1122
viewsBootstrap 3 - dropdown-toggle - Changing menu with it open is possible?
With Bootstrap the task of creating menus for ASP.NET websites is much simpler. However I noticed that when a dropdown menu is "open" when passing the mouse over another item it does not "open"…
-
2
votes2
answers494
viewsHow to focus an object after closing the modal bootstrap 4.x?
I need to focus on an object after closing the modal bootstrap In bootstrap.dialog (old) I can do because I can program in the close event of the close button close, but the close of bootstrap 4 is…
-
2
votes1
answer4844
viewsVertical Alignment Bootstrap
Hello, I’m creating a bootstrap 4 site. By trying to center a section of my site vertically, it just doesn’t work. I tried to use several ways to center the text (flexbox, custom css, ...), but…
-
2
votes2
answers60
viewsproblem leaving a text on the left and 2 items on the right
.col-item { border: 1px solid #E1E1E1; border-radius: 5px; background: #000; } .col-item .photo img { margin: 0 auto; width: 100%; } .col-item .info { padding: 10px; border-radius: 0 0 5px 5px;…
-
2
votes1
answer839
viewsHow to call a modal in the View from the Controller Actionresult
To call a modal from the Controller’s Actionresult, after the user clicks the button to register? The controller is currently redirecting to the index page after the user registers. I want instead…
-
2
votes1
answer1146
viewsHow to align 'N' Divs on the same line?
I got the following container where I would like to keep the divs on the same line: How can I do this alignment ? Follow example of the code below <html> <head> <meta…
-
2
votes2
answers81
viewsBoostrap Vertical Alignment
I’m doing a grid on boostrap, and I can’t get it properly aligned vertically. It should always stay that way: *-------------* *--------------* *--------------* | card grande | | card Pequeno | |…
twitter-bootstrapasked 6 years ago Alexandre Queiroz 49 -
2
votes2
answers621
viewsPut bar in Bootstrap menu
I want to put a bar in the menu as example below: Home | Instructor Course | Legal Advice For this I am using the code below: <div class="row"> <nav class="navbar navbar-expand-lg…
-
2
votes1
answer690
viewsRemove Bootstrap button shadow in :Focus state
I am using bootstrap buttons and would like to remove the shadow creating a new class. I created a new btn-Outline-light-pink class in which I was able to change the button color, but I can’t remove…
-
2
votes1
answer169
viewsHow to have two checkbox components inside a Row with a title
I’m a beginner in HTML/CSS/Bootstrap and I have a question about how to put two checkbox components in some type of container with a title. Am I doing it the right way or is there a better way to do…
-
2
votes2
answers190
viewsHow to use a border image (or character) via CSS?
I have a tag <p> with text inside which I would like to use the key characters [ ] as an edge for this text. Code: .indicacoes { font-family: 'AmaticBold'; font-size: 40px; margin-top: 30px;…