bootstrap表单响应式输入文本框

输入文本框溢出，不会自动缩放

问题代码：

<form action="SeverletArticle?op=updateArticle" method="post">
						<table border="" cellspacing="" cellpadding=""
							class="table table-striped table-hover ">
							<tr>
								<th>文章编号</th>
								<th>文章标题</th>
								<th>文章内容</th>
								<th>发表日期</th>
								<th>作者编号</th>
							</tr>
							<tr class="gradeD">
								<td><input type="text" id="id" name="id" readonly="readonly"  style="background-color: #B9BBBE;"/></td>
								<td><input type="text" id="title" name="title" /></td>
								<td><input type="text" id="articleContent"
									name="articleContent" /></td>
								<td class="center"><input type="text" id="date" name="date" /></td>
								<td class="center"><input type="text" id="authorId"
									name="authorId" /></td>
							</tr>
						</table>
                        <input type="submit" class="btn btn-secondary"  value="修改"></input>
					</form>

解决问题关键代码：在input标签里面增加class="form-control"样式

<input type="text" id="title" name="title" class="form-control"/></td>