input type="submit" and btn-block

[caarlos0]

I just figured out that the class btn-block does not work in submit elements.

I thinks that's because this rule:

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

Here, I made a quick ugly fix:

.btn-block {
  display: block;
  width: 100% !important;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

Hope it helps.

[richardp-au]

A better fix is

input[type="button"].btn-block {
  width: 100%;
}

It should go after your first snippet.

[caarlos0]

Thanks bro.. that's better :)

On Fri, Aug 24, 2012 at 6:46 AM, Richard Pickett
notifications@github.comwrote:

A better fix is

input[type="button"].btn-block {
width: 100%;}

It should go after your first snippet.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/4666#issuecomment-7997042.

Atenciosamente,
Carlos Alexandro Becker
https://profiles.google.com/caarlos0

[caarlos0]

Also, the correct is:

input[type="submit"].btn-block {
  width: 100%;
}

Thanks again.

[richardp-au]

Oh yeah I suppose you did mention a submit button :) Either way it's probably best to target all button types: (LESS)

input[type="submit"],
input[type="reset"],
input[type="button"] {
  &.btn-block {
    width: 100%;
  }
}

[caarlos0]

thanks ;)