ASP.NET MVC 5 bootstrap textbox width size

Question

I want a wider textbox. I have the following code but the textbox is still not that wide. I want it to basically take up 50% of the screen. Basically so it looks like google.com

<div class="row">
    <div class="col-lg-12" style="margin: 5px auto; text-align: center; background-color: Red">
        <input type="text" name="txtVideo" class="form-control input-lg" style="margin: 0px auto" />
    </div>
</div>

I basically want this textbox to be the only thing in this row and to take up 50% of the screen. When I do col-lg-1 it's way to the left. I guess I don't really understand what col-lg-# is all about.

Answer 1

Site.css is the culprit

change the max-width value according to your requirement. I spent 3 days in finding out this :P

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 230px;
}