草庐IT

navbar-toggler-icon

全部标签

ruby-on-rails - Rails link_to 与 fa_icon 和 html 属性

有没有办法使用Railslink_to函数与fa_icon(FontAwesomegem)喜欢下面吗?=link_tofa_icon("off"),destroy_user_session_path,:method=>'delete',{"data-toggle"=>"tooltip","data-original-title"=>"Logout","data-placement"=>"bottom",:class=>"btnbtn-metis1btn-sm"} 最佳答案 link_to(fa_icon“关闭”),other_opt

javascript - 如何使用 Javascript 判断 "navbar-toggle"按钮是否折叠或隐藏

有没有办法用JS找出切换按钮菜单是折叠还是隐藏。class="navbar-toggle"或data-toggle="collapse"是否有指示此状态的参数?我知道显示或隐藏“.collape”时调用的事件:$('.navbar-collapse').on('shown.bs.collapse',function(){//显示下拉菜单时调用});此外,我知道显示或隐藏崩溃的方法是这样的:$('.navbar-collapse').collapse('hide');但我找不到任何关于如何获取.collapse的当前状态的信息,告诉我它是隐藏还是显示。 最佳答

javascript - Angular Material 徽章 : Make MatBadge contain an icon instead of text?

使用angular/material6.2.1,我尝试向按钮添加徽章,效果很好。但是,我希望徽章显示Material图标,而不是显示我可以使用matBadge指令设置的纯文本。有谁知道我必须做什么才能实现这个目标?我想我可以使用jQuery,但我想知道是否有更流畅/更简单的方法。 最佳答案 我通过简单地设置f.e.解决了这个问题。按钮上的matBadge="person"。然后在你的css文件中:.mat-badge-content{font-family:'MaterialIcons';}

javascript - Twitter Bootstrap 3 - Navbar Fixed Top - 多行时重叠内容

首先,这不是固定顶部导航的bodypadding-top问题。body{padding-top:40px;}我有一个导航栏,无论好坏,它都有很多数据/信息。我遇到的问题是,当导航栏分成多行时(这很好)它与内容重叠(不好)。以下是我所见/所经历的示例。http://jsfiddle.net/jsuggs/ZaMs3/7/有没有人有聪明的javascript解决方案来更改正文填充或在导航栏分成多行时强制折叠的方法?更新这是我最终使用的。我不得不添加一些额外的填充并组合加载和调整大小事件。$(window).on('loadresize',function(){$('body').css({

javascript - react native 选项卡导航器 : How to let icon overflow tabbar?

我想让Logo居中在tarbar中,也就是顶部的overflowtabbar。怎么做?…………...............................................................................................................................................................importReactfrom'react';importTabNavigatorfrom'react-native-tab-navigator';import{View,Text

javascript - React-Bootstrap/React-Router-Bootstrap 中 NavBar 品牌化的最佳实践

ReactBootstrap和ReactRouter中的anchor标记存在问题。我很好奇其他人是如何处理这种情况的。可以只留下带有href的anchor标记,例如SiteTitle并避免使用IndexLinkContainer.还有就是用MenuItem之类的。TitleName然而,这会在导航栏的最左侧留下一个丑陋的元素符号点。如果其他人对如何解决这个问题有任何想法,我将不胜感激。 最佳答案 这就是我所做的(使用来自react-router-bootstrap的LinkContainer):Sometext包含站点的名称和Log

javascript - Bootstrap : Multiple pages (divs) and navbar

我想使用这个流行的模板:http://getbootstrap.com/examples/navbar/我不想链接到about.htm或contact.htm,此内容应该在模板内(多页/div)。这一定是这个样子:home...about...contact...但是如何从导航标签“链接”到div?这行不通:HomeAboutContact非常感谢! 最佳答案 您需要使用JavaScript和JQuery来执行此操作。有多种方法可以实现这一目标。选项1创建一个index.html,指定一个并将其留空。然后用jQuery加载home.

javascript - Font Awesome 5 图标不适用于 React ("Could not find icon"错误)

我正在尝试在我的React项目中使用FontAwesome5Pro(我有许可证),并且我已按照API中的说明进行操作尽我所能,但我仍然遇到问题。在我的项目中,我使用npm安装了fontawesome、fontawesome-common-types、fontawesome-pro-light、fontawesome-pro-regular、fontawesome-pro-solid和react-fontawesome。所有这些文件夹都在我的node_modules/@fortawesome/目录中在我的App.js中,我有这些导入(这不是整个文件,只是相关的片段):importfont

javascript - ionic 2 : Local notification icon

我使用这个插件来获得本地通知:https://github.com/katzer/cordova-plugin-local-notifications/wiki/03.-Installation我想在我的通知中有一个特定的图标。它位于我的/www/assets/images/文件夹中。我尝试过这种方式,但它不起作用,我有一个带铃铛的方形图标:publicschedule(){cordova.plugins.notification.local.schedule({title:"NewMessage",message:"Hi,areyouready?Wearewaiting.",soun

javascript - TinyMCE : Toolbar icons not appearing

我正在为我的一个项目探索微型mce编辑器,我发现工具栏中的图标没有出现。它显示了一些浏览器无法显示的unicode。这是页面的html代码:HTMLtinymce.init({selector:"textarea",plugins:["advlistautolinkautosavelinkimagelistscharmapprintpreviewhranchorpagebreakspellchecker","searchreplacewordcountvisualblocksvisualcharscodefullscreeninsertdatetimemedianonbreaking"