OneMoreQuestion OneMoreQuestion - 1 year ago 52
CSS Question

Bootstrap grid framwork does not work with form-control

I am using

s grid system to make my
box smaller. However, it seems to conflict with


<form class="col-md-8">
<div class="form-group">
<input type="text" name="input_box" class="form-control col-md-3"/>

In Chrome's developer tools, the
is automatically crossed out). If I take out
then it works but looks ugly.

How do I use them both? Note that I do not want to change the width in .formcontrol because I have other forms that also use this and will get messed up

enter image description here

Answer Source

How about this

   <div class="col-md-8">
        <div class="form-group col-md-3">
            <input type="text" name="input_box" class="form-control"/>