查看此网站:http://pazomall.storehippo.com/
您可以看到顶部菜单,其中有 3 个选项(我的帐户、需要帮助和购物车)!如您所见,购物车并未与其他选项内联。
我尝试了 display: inline-block;
但它根本不起作用。请帮助我将这些菜单内联(使用 Chrome 开发者工具)。
最佳答案
您正在使用 col-md-3,这 3 个菜单将不适合 col-md-3 的 25% 宽度
选项1.您可以将搜索栏的col-md-5更改为col-md-4,并将菜单部分的col-md-3更改为col-md-4
选项 2。您可以将 Logo 的 col-md-4 更改为 col-md-3,然后将菜单部分的 col-md-3 更改为 col-md-4 - 如果您不想减少搜索栏长度
关于css - Bootstrap 内联 block 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50759845/