html步骤引导栏,html – 3列网格导航栏引导程序

我正在尝试创建一个3列网格导航栏,我已尝试使用内置到引导程序中的列但没有成功.

第一列需要具有100px的最大宽度,但如果重新调整大小,则可以是流畅的

第二列需要填充第1列和第2列之间的间隙,并且如果浏览器重新调整大小,则响应也很流畅.

第三列需要具有200px的最大宽度,则可以是流畅的

logo

Nav

Right

logo

Nav

right

CSS：

.border {

border: 2px solid #ff0000;

z-index: 1020;

height: 50px;

margin-bottom: 30px;

}

.nalogo {

width:100px;

height:50px;

background-color:#ff0000;

border: 1px solid #000;

float: left;

}

.nanav {

width:100%;

height:50px;

background-color:#00ff00;

border: 1px solid #000;

margin:0 auto !important;

}

.naright {

display: inline-block;

width:200px;

height:50px;

background-color:#0000ff;

border: 1px solid #000;

float: right;

}

这是我想要复制的内容：