twitter-bootstrap

Bootstrap 4 navbar is not toggling

孤街醉人 提交于 2021-02-11 14:02:22
问题 Hie, I have been trying to expand my responsive navbar using the data toggler however its not working , looked at other related questions but I have those issues covered ,maybe a second pair of eyes would do , my console is giving me a "string expected error". I have already included my jquery ,bootstrap bundle and the bootstrap js in that order. Using bootstrap 4 by the way thanks :) <nav class="navbar navbar-expand-md navbar-light bg-warning px-5 py-0"> <button class="navbar-toggler" data

Submitting data from a Bootstrap modal popup

耗尽温柔 提交于 2021-02-11 14:00:57
问题 I'd like my users to be able to submit data from a Bootstrap modal popup. I'm wondering if anyone has experience doing this, and how you posted the data back to the server. Razor Pages have a lot of structure in place to deal with errors, etc. and it seems like you'd lose all that. Did you place the <form> tag right inside the modal popup? In this case, it appears there is no way to handle server-side errors. (Or did you find a way?) Or did you submit the data using AJAX, which requires some

How to change bootstrap navbar toggler icon? [duplicate]

隐身守侯 提交于 2021-02-11 13:01:57
问题 This question already has answers here : Bootstrap 4 Change Hamburger Toggler Color (14 answers) Closed 20 days ago . I've been using bootstrap for a while. I'm wondering if there's way to change the bootstrap toggler icon. 回答1: It's defined in bootstrap.min.css as: .navbar-light .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round'

XPages & IE Document Mode

这一生的挚爱 提交于 2021-02-11 12:52:23
问题 I have a bootstrap enabled xpages application, which renders perfectly in chrome. The same application, that when loaded in IE11, all the styling is out of place. However, as soon as I refresh the page, everything styles correctly, and stays so for the duration of the session. If I close IE, re-open, load page, wrong style again, refresh, correct again for the session.... It looks like it is trying to force IE7 document mode Any idea's what is causing this? I use <meta content="IE=edge" http

How can I recompile Bootstrap so that my theme color changes in _variables.scss when I am using Angular with CSS?

家住魔仙堡 提交于 2021-02-11 12:38:06
问题 So far I have found the SCSS file node_modules/bootstrap/scss/_variables.scss to change the primary color for example and I have stopped npm and run the front-end again but changes in that file are not shown in the actual behaviour. My guess is that it's because I need to recompile Bootstrap but as I have never used SCSS and my Angular project uses CSS I have no idea nor I could find an easy explanation on how to achieve this. Thanks in advance ! 回答1: TODO: create a variable.scss file in your

twig form in modal window not submitting data

落爺英雄遲暮 提交于 2021-02-11 12:30:15
问题 I'm attempting to submit a form which appears in a modal window. I know that the form works if I run it as a separate window, however in the modal it appears to be submitting nothing and returning no errors or anything in Symfony. Here is how I call it in the twig: <button data-toggle="modal" href="{{ path('new_ingredient') }}" data-target="#ingredient_new">Add a new ingredient</button> <div class="modal fade" id="ingredient_new"> <div class="modal-dialog"> <div class="modal-content"> <div

Full screen height container Bootstrap

点点圈 提交于 2021-02-11 12:23:00
问题 Can't get the container to stretch the full height of the screen: <body> <div class="container-fluid h-100" style="background-color:#0c5460;"> a </div> </body> I tried the h-100 and declaring height:100% and min-height:100% container-fluid and container but it never stretches beyond content that it contains What am i missing? 回答1: Need html,body,.container { height: 100%; } 来源: https://stackoverflow.com/questions/65944211/full-screen-height-container-bootstrap

Dropdown working with Bootstrap 4 not working with Bootstrap 5

孤者浪人 提交于 2021-02-11 12:22:22
问题 I am working on building Multi-level(second level) drop-down. The Drop-down works on Bootstrap-js version 4. But the drop-down not working in Bootstrap-5-beta. The Working Bootstrap 4 version is provided here. However, the Bootstrap-5-beta jsfiddle version the drop-downs not working with Bootstrap 5 Js. The dropdown Works as I change bootstrap-5-js to bootstrap-4-js Am I missing a class with jquery selector, any help would be appreciated. Edit : Although both the answers works fine, but the

How to refresh modal body when submit Ajax Post?

亡梦爱人 提交于 2021-02-11 09:39:07
问题 Im submitting ajax request using Bootstrap Modal when i submit i want refresh modal body. it means what i have saved from my form im showing my modal body i want show that row in table. when i use this that table got hide not refreshing anything rong ? $('#uploadform').submit(function(e) { e.preventDefault(); var formData = new FormData(); formData.append('file', $('input[type=file]')[0].files[0]); formData.append('task_id','{{$task->id}}'); formData.append('title',$('#title').val()); $.ajax(

Bootstrap 6 to 3 columns when resize

余生长醉 提交于 2021-02-11 08:12:29
问题 I trying to coding with Bootstrap, and I have some questions. I have 6 columns in one row (6x1): <div class="row"> <div class="col-md-2 col-sm-2"></div> <div class="col-md-2 col-sm-2"></div> <div class="col-md-2 col-sm-2"></div> <div class="col-md-2 col-sm-2"></div> <div class="col-md-2 col-sm-2"></div> <div class="col-md-2 col-sm-2"></div> </div> After screens go down, on first brakepoint I want 3x2: <div class="row"> <div class="col-md-4 col-sm-4"></div> <div class="col-md-4 col-sm-4"></div