非输入的引导输入组添加图标 [英] Bootstrap input-group-addon icons for non-inputs

问题描述

Bootstrap有一个内置的按钮图标：

Bootstrap has a built-in icon for buttons: http://getbootstrap.com/components/#input-groups

I was wondering if it was possible to keep this style of icon, but not for inputs? For example I want to have an icon appear as part of the panel title in the same style: http://getbootstrap.com/components/#panels, and possible also to be able the change the background color of the icon section?

What I need: http://imgur.com/fRacpMa

So I guess this is not a built in functionality. How would I about building a CSS for this myself?

解决方案

For everyone searching for similar solutions.

I have found this bootstrap snippet that modifies the panel behavior to work horizontally:

http://bootsnipp.com/snippets/featured/panel-horizontal

这篇关于非输入的引导输入组添加图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！