input controls aren't using full width of container

I'm using bootstrap, as well as some css supplied to my project when it was created via Visual Studio.
My input controls, such as text, textarea, and selects are not expanding to the width available in the container control which is under a boostrap class.

Here's an excerpt:
<section>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="txtJobSafety">Job Safety Topic For the Day:</label>
<input type="text" id="txtJobSafety" />
</div>
</div>
</div>
</section>

 

input {
width: 100%;
}

Code (markup):

That doesn't work?

 

... and answered his own question.

 

He might as well have started the thread with " I smeared myself in dogshit".

 

You mean like the SECTION tag that's probably not a SECTION (not that SECTION even has a reason to exist as a tag), endless pointless DIV for nothing, no name on the input, XML closures whilst likely not even in a XML document, and endless pointless garbage classes for nothing?

Probably doesn't even have a FIELDSET either.

Bootcrap, teaching people how NOT to write HTML or leverage CSS since 2011.