                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

<h4 class="list-group-item-heading">基于bootstrap的网页开发<sapn class="badge">5</span></h4>

为什么sapn class="badge">5</span>要放在基于bootstrap的网页开发之后才有对应的效果呢？前面的都是放在标题之前

慕粉3221337

2016-05-01

源自：玩转Bootstrap（基础） 7-22

关注问题我要回答

1233

操作

收起

3 回答

ajila
2016-12-25

.list-group-item > .badge {
float: right;
}

badge只有在是list-group-item的直接子元素时才会右浮动，

放在<h4>里面就是按照自然顺序排列了。

2 回复有任何疑惑可以回复我~

收起回答

打不倒的web前端工程师
2016-11-17

如果将span标签放置在另一个标签内，例如<h4 class="list-group-item-heading"><span class="badge">...</span>.......</h4>，那么这时候span里面的数字就是放在哪里就显示在哪里，如果将span标签拿在外面，那才是会显示在标题后面