How to correctly format a submit button in a bootstrap4 form? The Next CEO of Stack OverflowTwitter Bootstrap Form File Element Upload ButtonResetting Twitter Bootstrap form radio button group. How?How can I get my Twitter Bootstrap buttons to right align?bootstrap input field and dropdown button submitDropdown Button within a formWhy is the height of a .btn class applied to input, button, and a tags different heights?Bootstrap radio button: Get selected value on submit formBootstrap: active classinput-radios via buttons, visual toggling behaviorGrouped bootstrap radio buttons as btn-primary buttons in different columns
The exact meaning of 'Mom made me a sandwich'
How to check if all elements of 1 list are in the *same quantity* and in any order, in the list2?
Why didn't Khan get resurrected in the Genesis Explosion?
WOW air has ceased operation, can I get my tickets refunded?
How to invert MapIndexed on a ragged structure? How to construct a tree from rules?
RigExpert AA-35 - Interpreting The Information
Necessary condition on homology group for a set to be contractible
Poetry, calligrams and TikZ/PStricks challenge
Rotate a column
What happened in Rome, when the western empire "fell"?
Is a distribution that is normal, but highly skewed considered Gaussian?
What connection does MS Office have to Netscape Navigator?
Why does standard notation not preserve intervals (visually)
Find non-case sensitive string in a mixed list of elements?
Prepend last line of stdin to entire stdin
Why the difference in type-inference over the as-pattern in two similar function definitions?
I believe this to be a fraud - hired, then asked to cash check and send cash as Bitcoin
Is it okay to majorly distort historical facts while writing a fiction story?
Help understanding this unsettling image of Titan, Epimetheus, and Saturn's rings?
Bartok - Syncopation (1): Meaning of notes in between Grand Staff
Easy to read palindrome checker
What was the first Unix version to run on a microcomputer?
Why, when going from special to general relativity, do we just replace partial derivatives with covariant derivatives?
Why do remote US companies require working in the US?
How to correctly format a submit button in a bootstrap4 form?
The Next CEO of Stack OverflowTwitter Bootstrap Form File Element Upload ButtonResetting Twitter Bootstrap form radio button group. How?How can I get my Twitter Bootstrap buttons to right align?bootstrap input field and dropdown button submitDropdown Button within a formWhy is the height of a .btn class applied to input, button, and a tags different heights?Bootstrap radio button: Get selected value on submit formBootstrap: active classinput-radios via buttons, visual toggling behaviorGrouped bootstrap radio buttons as btn-primary buttons in different columns
I'm using the following HTML code to format a bootstrap button (and form) but this button only appears correctly (in the common "btn-primary" blue colour) if I delete the type='submit' property.
Any idea why this is happening?
<div class="form" action="/submit-subject" method="post">
<div class="form-group">
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios1" type="radio" name="exampleRadios" value="option1" checked="true" /><label class="form-check-label" for="exampleRadios1">Default radio</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios2" type="radio" name="exampleRadios" value="option2" /><label class="form-check-label" for="exampleRadios2">Yes </label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios3" type="radio" name="exampleRadios" value="option3" /><label class="form-check-label" for="exampleRadios3">Disabled radio</label></div>
</div>
<div class="form-group">
<div class="btn btn-primary" type="submit" id="submit-subject">Submit</div>
</div>
</div>
twitter-bootstrap bootstrap-4
edited Mar 8 at 19:39
Graham
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
add a comment |
I'm using the following HTML code to format a bootstrap button (and form) but this button only appears correctly (in the common "btn-primary" blue colour) if I delete the type='submit' property.
Any idea why this is happening?
<div class="form" action="/submit-subject" method="post">
<div class="form-group">
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios1" type="radio" name="exampleRadios" value="option1" checked="true" /><label class="form-check-label" for="exampleRadios1">Default radio</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios2" type="radio" name="exampleRadios" value="option2" /><label class="form-check-label" for="exampleRadios2">Yes </label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios3" type="radio" name="exampleRadios" value="option3" /><label class="form-check-label" for="exampleRadios3">Disabled radio</label></div>
</div>
<div class="form-group">
<div class="btn btn-primary" type="submit" id="submit-subject">Submit</div>
</div>
</div>
twitter-bootstrap bootstrap-4
edited Mar 8 at 19:39
Graham
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
1
Try making it abuttonelement instead of just adiv
– sean
Mar 8 at 17:18
@sean: it worked. thks
– MrT77
Mar 8 at 19:24
add a comment |
I'm using the following HTML code to format a bootstrap button (and form) but this button only appears correctly (in the common "btn-primary" blue colour) if I delete the type='submit' property.
Any idea why this is happening?
<div class="form" action="/submit-subject" method="post">
<div class="form-group">
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios1" type="radio" name="exampleRadios" value="option1" checked="true" /><label class="form-check-label" for="exampleRadios1">Default radio</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios2" type="radio" name="exampleRadios" value="option2" /><label class="form-check-label" for="exampleRadios2">Yes </label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios3" type="radio" name="exampleRadios" value="option3" /><label class="form-check-label" for="exampleRadios3">Disabled radio</label></div>
</div>
<div class="form-group">
<div class="btn btn-primary" type="submit" id="submit-subject">Submit</div>
</div>
</div>
twitter-bootstrap bootstrap-4
edited Mar 8 at 19:39
Graham
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
I'm using the following HTML code to format a bootstrap button (and form) but this button only appears correctly (in the common "btn-primary" blue colour) if I delete the type='submit' property.
Any idea why this is happening?
<div class="form" action="/submit-subject" method="post">
<div class="form-group">
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios1" type="radio" name="exampleRadios" value="option1" checked="true" /><label class="form-check-label" for="exampleRadios1">Default radio</label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios2" type="radio" name="exampleRadios" value="option2" /><label class="form-check-label" for="exampleRadios2">Yes </label></div>
<div class="form-check form-check-inline"><input class="form-check-input" id="exampleRadios3" type="radio" name="exampleRadios" value="option3" /><label class="form-check-label" for="exampleRadios3">Disabled radio</label></div>
</div>
<div class="form-group">
<div class="btn btn-primary" type="submit" id="submit-subject">Submit</div>
</div>
</div>
twitter-bootstrap bootstrap-4
twitter-bootstrap bootstrap-4
edited Mar 8 at 19:39
Graham
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
edited Mar 8 at 19:39
Graham
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
edited Mar 8 at 19:39
Graham
3,858143860
edited Mar 8 at 19:39
Graham
3,858143860
edited Mar 8 at 19:39
Graham
3,858143860
3,858143860
asked Mar 8 at 16:22
MrT77MrT77
157
asked Mar 8 at 16:22
MrT77MrT77
157
asked Mar 8 at 16:22
MrT77MrT77
157
157
1
Try making it abuttonelement instead of just adiv
– sean
Mar 8 at 17:18
@sean: it worked. thks
– MrT77
Mar 8 at 19:24
add a comment |
1
Try making it abuttonelement instead of just adiv
– sean
Mar 8 at 17:18
@sean: it worked. thks
– MrT77
Mar 8 at 19:24
1
1
Try making it a
button element instead of just a div– sean
Mar 8 at 17:18
Try making it a
button element instead of just a div– sean
Mar 8 at 17:18
@sean: it worked. thks
– MrT77
Mar 8 at 19:24
@sean: it worked. thks
– MrT77
Mar 8 at 19:24
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55067132%2fhow-to-correctly-format-a-submit-button-in-a-bootstrap4-form%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55067132%2fhow-to-correctly-format-a-submit-button-in-a-bootstrap4-form%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Try making it a
buttonelement instead of just adiv– sean
Mar 8 at 17:18
@sean: it worked. thks
– MrT77
Mar 8 at 19:24