Breadcrumb类中的文本没有响应 - CSS

Question

我正在设计宽度为100％的面包屑css，但其中的文字没有响应。 breadcrumb类中的文本在小屏幕设备中出现。

这是css：

.breadcrumbs
{
background-color:#ECF0F1;
padding:10px;
font-weight:bold;
font-size:16px;
margin-bottom:5px;
width: 100%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
white-space: nowrap;
}
.breadcrumbs a{
    color: #8A793E;
}

我知道我错过了什么。任何人都可以帮助我。