Jquery 如何水平对齐此菜单

大家好,

我已经调试了几个小时了。它以真实的方式显示，而我希望它水平显示

我错过了什么

下面是html、css、引导和jquery代码

谢谢

片段：

$（“span#general signup”）.appendTo（.done”）
#activeStep{
背景：#007ee5；
颜色：#fff；
}
#完成步骤{
颜色：#888；
}
.signUpStep{
位置：相对位置；
浮动：左；
背景色：#fafafa；
高度：42px；
宽度：100%；
保证金：0；
溢出：隐藏；
颜色：#007ee5；
}
.Stepnub{
浮动：左；
字体大小：34px；
线高：1米；
字体大小：300；
}
.stepInfo{
左边距：22px；
线高：16px；
字号：17px；
垫面：5px；
}

1.
基本信息
2.
教育类
3.
经验
4.
日程
5.
社会的
6.
送交
删除包含div中的
class=“row”
并在css中删除以下内容：

.signUpStep {
    width: 100%
}

Bootply:
您在代码中指定的宽度（即100%）占据了特定div的全部位置，这就是为什么每个div看起来都是一行，而不是完整的div是一行的原因。！
更具体地说

.signUpstep{
.
.
宽度：100%；

. 
.
}

将宽度设置为相等的大小以适合该行。从数学上讲，100%/（行数）
添加此CSS以更改菜单元素的属性：

.row > div {
    display: inline-block;
    float: none;
    width: inherit;
}

如何使每个包含的div都可以单击？@Angular2Lover不确定单击是什么意思更改了鼠标指针您可以通过css div{cursor:pointer；}进行操作，但单击时不会发生任何事情，除非您将事件处理程序绑定到它