Javascript 如何使所有按钮内联相同大小的引导？

我需要制作一个内嵌按钮的导航栏，但需要使所有按钮的大小和内嵌都相同

我用的是bootstrap4

原生动物

聊天

仪表板

议程

帕森特斯

多学科装备

萨乌德平原

药物

teste@innovecare.com.br

---

我需要所有的按钮都是内联的并且在导航栏内，除了第一个和最后一个较小的按钮，并且只需要在导航栏内有图标的空间。

您可以尝试使用css为导航栏中的所有按钮设置一个固定的宽度 （不包括第一个和最后一个元素）

请注意，这并不能解决文本溢出的问题，如果字符串长于按钮宽度，它将被剪切或溢出

.bd example.btn:not（：第一个孩子）：not（：最后一个孩子）{
背景色：红色；
宽度：100px；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

原生动物

聊天

仪表板

议程

帕森特斯

多学科装备

萨乌德平原

药物

teste@innovecare.com.br

您可以通过将按钮包装在div中并在

网格中使用
网格来轻松实现这一点

.bd-exemple {
   display: grid;
   grid-template-columns: auto 1fr auto;
}

.bd-exemple .equal-widths{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
   word-break: break-all; /*remove if not needed*/
   overflow: hidden; /*remove if not needed*/
}

兄弟，用这个！

/*---用于内联和宽度样式---*/
钮扣{
宽度：自动；
右边距：2px；
浮动：左；
空白：nowrap；
高度：40px；
光标：指针；
边缘底部：5px；
}
/*---用于背景色和其他样式---*/
钮扣{
边界：纳瓦霍人；
边界半径：4px；
颜色：buttontext；
背景色：#f8f9fd；
}
.bd示例按钮：第n个子项（2）{
背景：#e64a3b；
颜色：#fff；
}
.bd示例按钮：第n个子项（3）{
背景#4c71e0；
颜色：#fff；
}


原生动物

聊天

仪表板

议程

帕森特斯

多学科装备

萨乌德平原

药物

teste@innovecare.com.br

.bd-exemple {
   display: grid;
   grid-template-columns: auto 1fr auto;
}

.bd-exemple .equal-widths{
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
   word-break: break-all; /*remove if not needed*/
   overflow: hidden; /*remove if not needed*/
}