有没有办法使用 100% 的页面宽度同时使用引导列系统和最大宽度？
有一个我试图在这里做的例子：
https://jsfiddle.net/0e1nLun0/2/
.box-one{
background-color: red;
max-width: 200px;
}
.box-two{
background-color: green;
}
.box-three{
background-color: red;
max-width: 200px;
}<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="row">
<div class="col-md-3 box-one">
<p>Test box one</p>
</div>
<div class="col-md-6 box-two">
<p>Test box two</p>
</div>
<div class="col-md-3 box-three">
<p>Test box three</p>
</div>
</div>
</body>
</html>在第三个框之后有一个空白，这是正常的，但是有没有办法让第二个框（绿色的）增加它的宽度，这样就不会有任何空白？目标是第二个框仍然响应。谢谢你的帮助。