如何在Bootstrap输入的右侧添加图标？

文章/答案/技术大牛

发布

2回答

html、css

如何更改当前CSS以使图标位于右侧？看起来padding-right: 2.375rem;是不够的。

浏览 25提问于2020-08-31得票数 0

回答已采纳

2回答

如何在右侧创建状态栏图标？(Android)

android、icons、notifications、notificationmanager

Notification和NotificationManager用于创建放置在屏幕左上角位置的图标。Notification还需要在状态栏下拉菜单上有一个条目。但是，右侧的图标(如电池、信号强度、无线指示灯)不需要在状态栏上输入任何内容。如何在状态栏下拉菜单中没有任何条目的情况下制作这样的图标？

浏览 1提问于2010-03-30得票数 5

回答已采纳

3回答

Bootstrap 4表单输入，带有用于验证的图标

css、twitter-bootstrap、validation、bootstrap-4、font-awesome

在Bootstrap 3中，每个验证状态都有可选的图标。图标将出现在输入的右侧，使用has-feedback、has-success、has-danger等...类。如何使用valid-feedback或invalid-feedback类在Bootstrap4中获得相同的功能？

浏览 4提问于2018-03-16得票数 12

回答已采纳

1回答

引导:从输入框的右边边走出的图标

css、twitter-bootstrap、glyphicons

我试图用bootstrap(bootstrap.min.css)在表单中添加用于验证的图标，我不希望表单的输入字段扩展和跨越整个浏览器窗口的宽度因此，我在Grid(Col X)中封装了输入字段，现在我想使用输入框右侧的图标进行验证。当我移除网格样式时，它工作得很好，但是我不希望输入字段太宽，并且使用下面的代码 <div

浏览 1提问于2015-01-17得票数 2

回答已采纳

4回答

表单标签应该属于Bootstrap的表单控件类，搜索输入字段需要一个图标搜索图标

bootstrap-4

Requirements使用Bootstrap输入组组件在导航栏中创建搜索输入字段。a.Create表单并对齐到导航栏的右侧，表单标记应该包含在Bootstrap类的输入组中。b.属于表单控件的输入字段应该有占位符"Search“。创建一个span标记，对输入搜索字段的输入字段按钮进行分组。创建一个引导默认按钮来显示图标-搜索图

浏览 8提问于2021-03-25得票数 0

1回答

如何在不更换时钟图标的情况下提供时间内填充输入？

javascript、html、css、twitter-bootstrap

我有一个时间输入，你可以在下面看到 📷 在这里，标签和文本是非常接近的，而不是看起来well.In的顺序分开，然后我给了一些填充顶部的文本，但它也向下移动了右侧的时钟图标。 📷 如何在不影响时钟图标的情况下对齐文本？填充添加的版本如下 <!DOCTYPE html><head> <

浏览 6提问于2020-09-24得票数 1

回答已采纳

1回答

Navbar图标条动画错误

html、css、bootstrap-4、hamburger-menu

我在bootstrap4 navbar中添加了动画图标栏。它正在工作，但单击汉堡图标后，X将显示在屏幕的左侧，但它应该在汉堡图标出现的右侧。

浏览 0提问于2018-04-03得票数 0

1回答

BSVue和VuejS2:如何显示手风琴图标的正确切换状态？

vuejs2、bootstrap-vue

我正在使用Bootstrap的手风琴组件，我正在努力弄清楚我如何能够为手风琴按钮的右侧的+和-图标显示正确的折叠状态。我希望这是合理的。我有JSFiddle在这里：

浏览 1提问于2022-01-25得票数 0

1回答

如何使用twitter bootstrap向链接添加图标

twitter-bootstrap

我在中有输入字段，如快照所示。我希望一切都应该看起来一样，包括框和图标，但代替输入框，我可以有一个链接。附言:我不想要选择框。我想要一个带图标的链接，就像我可以有一个带图标的选择框一样。

浏览 0提问于2013-02-18得票数 3

回答已采纳

1回答

Ubuntu音量增减通知丢失

pulseaudio、libnotify、ubuntu

如何在LUbuntu 14.04中恢复卷通知程序？图片来源：

浏览 3提问于2015-05-07得票数 4

1回答

我想要一个选择框与字体可怕的图标和图标的名称。我动态地为代码后面的ListItems构建了DropDownList，并希望用unicode显示图标。这是我的输出：DropDownList的解密如下所示： <asp:DropDownList ID="ddl_Icons" CssClass="form-control select2 fontawesomeselect" runat="server"><

浏览 3提问于2015-08-04得票数 1

回答已采纳

1回答

将项添加到“神探夏洛克”操作栏

android

我想用一个改动将夏洛克动作条像下面一样剪掉当用户单击icon1时，它会显示一个下拉菜单，如image2。或如何在image2中的操作栏中添加三个图像视图到小下拉列表图标的右侧。我遵循的条形条形码，但无法找到它如何做呢？

浏览 3提问于2014-06-06得票数 0

回答已采纳

3回答

‘android:paddingRight’使用‘android:drawableRight’

android、android-edittext、padding

在EditText中，我将一张图片放在EditText的右侧，然后使用FrameLayout添加一个文本视图，显示Edittext的剩余输入计数(如p1中所示)。如何让可绘制的图标停留在右边，只显示输入字符，就像p3

浏览 2提问于2012-07-04得票数 1

回答已采纳

1回答

Bootstrap 3字形图标(font-face)导致奇怪的HTML布局问题

android、html、css、twitter-bootstrap、glyphicons

我遇到了一个关于bootstrap 3和字形图标的奇怪问题！这个问题出现在我安装了Chrome (最新版本)的android手机上。问题描述:如果bootstrap.css中存在用于加载字形图标字体文件的font-face-statement，则页面布局会有一点损坏。在windows手机上，这是很好的。如果我第一次加载页面，布局是正常的！如果我重新加载页面或更改页面:出现奇怪的问题并保留！(->缓存？) 例如，Android手机

浏览 0提问于2016-11-26得票数 0

2回答

如何将图标放入UITextField中？

ios、uitextfield

我想创建一个自定义输入视图，其中一些按钮将“图标”插入到选定的UITextField中，比如"RSS“或"Reader”图标，它们有时会出现在Mobile Safari中URL输入字段的右侧。我希望图标与文本混合在一起，并且为了所有的意图和目的(如选择、剪切、粘贴和删除)，表现得像普通的字符字形。这些图标有名字吗？有没有API来创建它们，或者我必须完全从头开始构建它们？

浏览 0提问于2011-12-12得票数 2

回答已采纳

1回答

如何使用Twitter引导3使日历图标显示

html、css、twitter-bootstrap

我试图在我的C# MVC视图中实现一个日期时间选择器，但是我输入框右侧的日历图标没有出现。 <link rel="stylesheet" type="text<&

浏览 3提问于2013-08-17得票数 0

回答已采纳

4回答

如何将twitter引导程序工具提示添加到图标

javascript、twitter-bootstrap、tooltip

我会将来自twitter bootstrap的右工具提示添加到图标元素中。代码是这样的：我希望，当光标在图标上时，会显示一个右侧的工具提示，其中包含一些信息包括tooltip.js库并在图标代码中放置一个元素还不够吗？我很困惑。

浏览 2提问于2013-03-19得票数 51

回答已采纳

2回答

将图标添加到WPF TextBox控件

wpf、xaml、textbox、wpf-controls

有没有人知道如何在TextBox控件中添加图标的xaml示例？谢谢!

浏览 1提问于2018-01-19得票数 0

回答已采纳

3回答

动态更改输入加法的图标

angularjs、angular-formly

如何在输入类型的验证上更改**图标“(输入字段的右侧(见下文))？ 

浏览 7提问于2015-06-15得票数 1

回答已采纳

1回答

仅在firefox中不加载Bootstrap* 3 cdn图标*

css、twitter-bootstrap、twitter-bootstrap-3

Bootstrap 3 CDN的字形图标没有出现在firefox中。它将在Chrome、Safari和Internet explorer中显示。我正在使用以下命令加载引导程序cdn：rel="stylesheet"> 下面是带有字形

浏览 2提问于2013-09-28得票数 2

回答已采纳

点击加载更多