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
-
0
votes1
answer1700
viewsBootstrap Collapse does not work
I’m doing the portfolio challenge in freecodecamp. In the menu part I can’t get it to close on smaller screens. The menu closes but clicking on the icon it does not open and shows the items. Where I…
-
0
votes1
answer263
viewsNavbar under Jumbotron, huh?
I’m creating a layout and I’m trying to put a navbar under a jumbotron but I’m not getting it. It turns out that the jumbotron gets a space at the top and the navbar is with a space between the…
-
0
votes1
answer670
viewsBootstrap button at the same height and position in mobile versions
I have a system developed in Bootstrap of which I am using the following code to create a card based on work of Bootsnipp’s colleague: <div class="card-base"> <div…
-
0
votes1
answer76
viewsProblem with width of components with form-inline bootstrap
I am building a form and I am having trouble organizing the form components the way I would like. When I use the class col-md bootstrap components are getting all messed up and when I move the size…
-
0
votes1
answer110
viewsPositioning of components in ASP.NET MVC
I’m having a hard time positioning components in css, in this project I’m using the bootstrap techniques to make a form, and as picture below I can’t leave the centered components right in a row…
-
0
votes1
answer1430
viewsNavbar Toggle button does not appear
I am making a responsive menu bar with Bootstrap 4, but when I reduce the size, the Toggle button to open the collapsed menu does not appear. Follow HTML and CSS code: HTML: <a…
twitter-bootstrap responsive-layout bootstrap-4 bootstrap-toggleasked 7 years, 2 months ago César O. Araújo 11 -
0
votes2
answers1560
viewsHow to know which tab is selected
I have the following situation <div class="container"> <div class="row"> <div class="col-md-1"> </div> <div class="col-md-10"> </div> </div> <ul…
-
0
votes1
answer79
viewsAlign footer of a div, with footer of another div
Good guys, I am doing a web project using bootstrap. I would like to know the following: I have a div, where the amount of elements within it (inputs) is less than a second div, on its side (both…
-
0
votes2
answers38
viewsCan anyone help me figure out why the dropdown menu is not working?
<!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the…
-
0
votes1
answer69
viewsWhy can’t I create the <div> in the right place?
@media (max-width: 1200px) { .navbar-light .navbar-toggler { font-size: 30px; display: inline !important; border: none; } #menu-exp { display: none; } .navbar-toggler { text-align: center; position:…
-
0
votes1
answer367
viewsBootstrap menu dropdown items does not work
I am developing a web application and I put the bootstrap menu in my application but when clicking on the icon <b class="caret"></b> dropdown-menu items do not appear. Menu by clicking…
-
0
votes1
answer198
viewsModal Bootstrap does not exceed page end
I have a modal bootstrap and in it I display a table, However when this table returns many records the modal ends up overflowing out of the screen, And can not see the end of the modal as in the…
-
0
votes0
answers171
viewsDynamico menu with Bootstrap
Good evening, how do I make a dynamic menu with bootstrap? i can do with link to redirect to a page, but I am making a system and your menu is dynamic how can I implement? jsp…
-
0
votes1
answer248
viewsQuestions Properties Popover Bootstrap
I’m creating a Popover with bootstrap, it appears as soon as I pass the mouse in the html tag, but when I try to click on the Popover it goes away, it has some property that when I hover over it…
-
0
votes2
answers1823
viewsSide menu with 100% height does not match the size of the div "content"
I have the following structure at the moment: So far so good, the side menu has height: 100% and is going to the end of the page. In the content, we have 8 inputs that are not enough to reach the…
-
0
votes1
answer406
viewsMy pull-right class isn’t pushing the menu to the right can anyone help me?
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Victor - Design Bootstrap</title> <link rel="stylesheet" type="text/css"…
css html5 twitter-bootstrap bootstrap-3 bootstrap-4asked 6 years, 10 months ago Alice Vitor Rodrigues 11 -
0
votes2
answers1354
viewsChange div size by hovering the mouse
I have a page with some Divs and would like to apply an effect when the mouse goes through some of them. What I would like to happen is that, when passing the mouse through one of the Ivs it…
-
0
votes2
answers152
viewsGet text inside input with radiobutton input-group-addon
I have this form with these inputs, I want to get the value that is inside the radio button input selected, example as in the image, I should get "bb". My html: <label>Respostas:</label>…
-
0
votes1
answer31
viewsProblem aligning with responsiveness
I would like to align the x button in the upper right corner of the image vide image and example: .teste { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle;…
-
0
votes2
answers529
viewsBootstrap: sort by column instead of row
I have a layout that has the following model: [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] And it would need both desktop and mobile: [1] [5] [9] [2] [6] [10] [3] [7] [11] [4] [8] [12] It’s…
-
0
votes3
answers1286
viewsPlace div height at 100%
I’m putting together a layout using Bootstrap 3 and wanted to put together a layout more or less like this: +-------------+---------------------------------+ +-------------+ + +-------------+ +…
-
0
votes0
answers231
viewsSelect2 with incorrect styling
I’m using a Lect2, but its style is coming in a way that wasn’t expected. That way: How I make it fit and align with the input-group? HTML code: <div class="form-row"> <label…
-
0
votes2
answers625
viewsButton to delete Fullcalendar events - Celke
In the code below, when I click on "Delete event" gives an error that you need to select the event(event ID). Code where events are loaded: eventClick: function(event) { $('#visualizar…
-
0
votes2
answers859
viewsFill Bootstrap modal with a div value
I have a table in which the loader value inside it through PHP needs to be in the value of some inputs that are in a modal boostrap window. I’ve tried several solutions, but they don’t work. When I…
-
0
votes2
answers255
viewsCollapse mother close the child Collapse also, but do not open together in bootstrap 4
I have the following menu: When I click on collapse mãe "Security": Opened the collpase mãe and inside it is the collapse filho "Users", let’s click on collapse filho "Users": So far everything is…
-
0
votes1
answer148
viewsSuccess message when registering in BD
The script below worked with the older version of js and Bootstrap, but after I started using the latest it stopped... I use it to return the form message! If anyone can help me, I understand little…
-
0
votes1
answer642
viewsHow do you leave objects side-by-side coming from *ngFor?
I have this situation: <div class="row"> <div class="col-lg-12"> <!-- 1 Primeiro cartão, 1° objeto --> <div class="card borda-card" *ngFor="let evento of eventos"> <a…
html twitter-bootstrap angular twitter angular-cliasked 6 years, 6 months ago Rafael Souza Calearo 191 -
0
votes0
answers34
viewsInput to create "posts" on news site
I’m making a personal project of news site using Laravel and Mysql. When a user was going to register a news item, I wanted them to be able to insert paragraphs, bold and other formatting in the…
-
0
votes0
answers116
viewsText rolling in bootstrap
I’m using a <ul> to display the results on a website. 3 items per line are printed: Site name, link and status. In the browser the resutlado is good: Poblema occurs when using mobile: Because…
-
0
votes4
answers3804
viewsHow to align image of Carousel Bootstrap?
I wonder, how do I center the Carousel images (or slider) in bootstrap 4? <div id="demo" class="carousel slide" data-ride="carousel"> <!-- The slideshow --> <div class="carousel-inner…
-
0
votes0
answers836
viewsSelect 2 in bootstrap 3
There is some way to use Select2 in Bootstrap 3.3, have some example for me try to implement, I am building my TCC on top of the adminLTE template and needed something like it in some queries, I…
-
0
votes0
answers251
viewsCreate Bootstrap Paging Links using Ajax
$.ajax({ type: "POST", url: "php/crud.php", dataType: "json", data: {qtd_registros: 3, pagina: 1}, success:function(dados){ var paginacao = '<nav><ul class="pagination…
-
0
votes0
answers36
viewsPart of the grid is hidden in Chrome
problems with Chrome. At first I am only working on localhost and bootstrap version 3, how can I improve CSS ? In Firefox shows the full site, but in Chrome it hides (the grid I called advertising),…
-
0
votes1
answer152
viewsPassword verification with Java script
I have a password change code on my page. How do I use javascript to compare if the new password entered in the two fields is iguai? Follow my current code: <!-- Modal 4 --> <div…
-
0
votes1
answer4470
viewsPlace elements side by side css/html/bootstrap
Need to put these two elements together, how can I do it? Using html/css/bootstrap. My code: Html: <div class="container"> <div class="pesquisa"> <form id="filter">…
-
0
votes1
answer26
viewsEnable time in datapicker
I am using boostrap-material-datetimepicker.js which as a result follows below: The only problem is when I change the line below: minDate: moment().endOf('day') It also disables the time according…
-
0
votes1
answer170
viewsMove the image to the right side of the screen
How can I place the image against the right corner? See: The code: HTML <section class="apresentacao"> <div class="container"> <div class="row"> <div class="col-md-8…
-
0
votes1
answer23
viewsButton not activating function in Javascript
The close button works perfectly while the send button does not trigger the routine in any way. $("#incluirItensNoGrid").on('click', function(){ alert("Hello World!"); }); <script…
-
0
votes0
answers42
viewsHTML (Bootstrap) cutting XML content
So, the data from is coming right, but it’s not being shown. I tested it without css and it worked. The problem is in the 3 Ivs, someone can identify why? (EXTREMELY URGENT). // essas tres divs…
-
0
votes1
answer88
viewsChange label class to active after angular http request
I have a component of the material design bootstrap that after an http request it is filled in, the problem is that it does not change to the "active" class, having the result of the photo. <div…
-
0
votes1
answer226
viewsDuplicate content and switch None display to block
The goal is that when press on Units, the display:none; of id mostrar-previa for display:block and hidden content is displayed. $(document).ready(function() { var previaUnidade =…
-
0
votes1
answer69
viewsHow to make a "part"/line of the <tbody> be static in a responsive table?
Hello. I am using tablesort to sort my table every click I one of your headers. The problem is that the line "Total" <tr class="bg-info"> <th colspan="1">TOTAL:</th> ...…
-
0
votes2
answers397
viewsCarousel Bootstrap with images coming from server folder
I have the following code: <div id="myCarousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0"…
-
0
votes3
answers322
viewsBootstrap doesn’t do what I want
Good morning guys. I’m new to the community, and here’s my first question. I’m trying to centralize my form with bootstrap on the screen but I don’t want to work at all, I’ve tried the form, I’ve…
-
0
votes1
answer471
viewsHover moving element
When applied the hover, it moves the elements. .iconsHab i{ color: #0098DA; padding: 5px; vertical-align: middle } .iconsHab i:hover{ color: #0098DA; font-size: 20px; } <!-- Bootstrap docs:…
-
0
votes1
answer10
viewsGo to a given link according to Radio Box with PHP
I have the following code. How can I determine a URL by passing parameter, as per the option in a selected Radio Box? <!-- Button trigger modal --> <button type="button" class="btn…
-
0
votes3
answers602
viewsHow to align vertically and horizontally element within a Row in Bootstrap?
I’m having a huge problem centering a text under an image in Bootstrap. I’ve tried everything, with position, table-Cell. .bloco-materia { text-align: center; padding: 25px 50px; height: 200px;…
-
0
votes1
answer37
viewsNav-Bar placing items inside the button
I started studying Bootstrap and am following a step by step w3c, Nav-bar items are entering inside the button, this is expected when the page is resized, but the problem is that it is not resized…
twitter-bootstrapasked 6 years, 3 months ago Leandro 459 -
0
votes1
answer90
viewsHow to reduce TABS spacing with view corners using CSS - Asp.Net MVC
When I insert a tab into my view, there is a very exaggerated spacing with the edges of the page inside the modal. I’m using a framework called Remark, but I believe it can be solved with CSS. Does…
-
0
votes3
answers359
views"Onclick" function that calls PHP function
Do you guys talk? I am beginner in development and I have a problem, I have a form (HTML) that sends data to a PHP file and registers in the database. What I need is: When successfully recording the…