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

有没有办法把状态文字放在前面来，就类似form-horizontal的显示样式，并且保持图标位置不变

有没有办法把状态文字放在前面来，就类似form-horizontal的显示样式，并且保持图标位置不变

笑出强大_0

2017-07-25

源自：玩转Bootstrap（基础） 3-13

关注问题我要回答

1406

操作

收起

4 回答

qq_馒头_29 回答被采纳 +2 积分
2017-08-11

还是这个，都在水平上图标也在原来的位置上

<form role="form" class="form-horizontal">

<div class="form-group has-success has-feedback">

<label class="control-label col-sm-2" for="inputSuccess1">成功状态</label>

<div class="col-sm-10">

<input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >

<span class="glyphicon glyphicon-ok form-control-feedback"></span>

</div>

</div>

</form>

前面学的知识，加上网格系统

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

#1

笑出强大_0 提问者

非常感谢！

2017-08-11 回复有任何疑惑可以回复我~

qq_馒头_29
2017-08-11

你是指这个样式吗？

<div class="form-group has-success">

<label class="control-label col-sm-2" for="inputSuccess1">成功状态</label>

<div class="col-sm-10">

<input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >

</div>

</div>

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

好笨的633
2017-07-26

<span>爱心</span>

<span class="glyphicon glyphicon-heart" style="color:red"></span>

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

好笨的633
2017-07-26

可以在你想加文字的那个图标的span前面再加个span来放文字

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

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314510 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

4 回答不加状态文字，图标错位，该怎么解决呀？

2 回答状态样式设置有点不太明白

2 回答放置图标位置

2 回答部分图标没办法正常显示

2 回答<form class="form-horizontal">

搜索更多本课相关问答

有没有办法把状态文字放在前面来，就类似form-horizontal的显示样式，并且保持图标位置不变

我要回答关注问题

意见反馈帮助中心 APP下载