Мне удалось создать навигационную панель twbs для проекта, над которым я работаю. Тем не менее, я хотел бы добавить два различных glyphicons, 1) Вход 2) РегистрацияКак использовать глификон twbs в проекте реакции
Войти/Регистрация ссылки содержатся с более twbs NavLinkDropDown
, помеченный Contribute.
Ссылки и выпадающий список выглядят следующим образом при визуализации в браузере.
Я хочу добавить в проект следующие глификоны.
Так немного прибегая к помощи вернулся this gist, который я добавил к моему реагировать проект для того, чтобы импортировать glyphicons в файл navbar.js
.
The весь navbar.js
и часть из navbar.js что я модифицирующих, но не видя glyphicons выглядит,
var NavLinkDropdown = React.createClass({
render: function(){
var active = false;
var links = this.props.links.map(function(link){
if(link.active){
active = true;
}
return (
<NavLink key={link.text} linkTo={link.linkTo} text={link.text} active={link.active} />
);
});
return (
<li className={"dropdown " + (active ? "active" : "")}>
<a href="#" className="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
{this.props.text}
<span className="caret"></span><span>{User}</span><span>{Login}</span>
</a>
<ul className="dropdown-menu">
{links}
</ul>
</li>
);
}
});
Я просто обновил свой вопрос более подробно, и изображение того, как в настоящее время отображаются значки на странице. – Chris
См. Обновленную демоверсию, надеюсь, это то, что вы имели в виду. – Janne