Twitter bootstrap 如何根据输入组调整边框？

我在alpha.dubaiexporters.com上工作

我几乎使网站响应使用引导。 这就是我试图设计的：

我想根据输入组调整输入组的边框

当我调整它的大小时，它不接触输入组。如何实现？以下是我的代码：

.searcharea{
背景图像：url（'https://d12dkjq56sjcos.cloudfront.net/pub/media/wysiwyg/Dubai-Skyline-Burj-Al-Arab-Big-Bus-Tours-01.17.jpg');
背景重复：无重复；
背景大小：100%100%；
/*最小高度：300px*/
位置：相对位置；
宽度：100vw；
高度：100vh；
最大宽度：100%；
}

搜寻

我试图访问您的页面来玩代码，但似乎没有多大帮助

您面临的问题是输入不包括定义的边距和填充参数。 请访问我的待办事项页面了解以下内容：

在这里，我在addanewtodo输入区域中使用了一个名为：

box size:border box

的属性

如果在“我的页面”中禁用它，则输入标记会放大，不适合父框

---

玩一下“框大小”属性，我想你一定会玩得很好。

我对所有输入和按钮都使用了

outline

属性，它很有效

outline: 6px solid rgba(0,0,0,0.5);

现在检查，

alpha.dubaiexporters.com