2012-07-12 95 views
6
<div class="container-fluid"> 
    <div class="sidebar left"> 
    <div id="app-navigation" class="well"> 
     <h5>Administration</h5> 
     <ul class="administration-list"> 
     <li class="user"><a href="#user">User</a></li> 
     <li class="emails"><a href="#emails">Emails</a></li> 
     <li class="settings"><a href="#Settings">Settings</a></li> 
     <li class="logs"><a href="#Logs">Logs</a></li> 
     <li class="help"><a href="#Help">Help</a></li> 
     </ul> 
     <h5>Managing tools</h5> 
     <ul class="tools-list"> 
     <li class="ressource"><a href="#Ressources"><i class="icon-home icon-white" </i>Ressources</a></li> 
     <li class="playlist"><a href="#Playlist">Playlist</a></li> 
     <li class="schedule"><a href="#Schedule">Schedule</a></li> 
     <li class="stations"><a href="#Stations">Stations</a></li> 
     </ul> 
    </div> 
    </div> 
</div> 

我不明白为什么我的图标不显示。我正在开始一个新项目,并决定尝试initializrbootstrap。只是不能让这些图标出现。似乎在我的文本前面有一个隐形图标...我也检查了文档,here。我也检查了我的boostrap.less,sprites.less和variables.less(一切似乎都没关系......)。自举图形不显示

我的变量被正确设置,我的图像(PNG)在我的../img文件夹中。

// Sprite icons path 
// ------------------------- 
@iconSpritePath:   "../img/glyphicons-halflings.png"; 
@iconWhiteSpritePath:  "../img/glyphicons-halflings-white.png"; 
+0

检查您的资产文件夹以查看您的图标图像是否存在。 – abhshkdz 2012-07-12 21:09:28

+0

他们在那里... – fneron 2012-07-12 21:30:57

+0

你是否尝试将'../img/'改为'/ img /'?它看起来像你的img文件夹不与css文件夹配对。 – 2012-07-12 21:35:27

回答

14

文件variables.less位于引导文件夹,因此您需要一个更高级别才能获得root权限。

尝试设置路径:

@iconSpritePath:   "../../img/glyphicons-halflings.png"; 
@iconWhiteSpritePath:  "../../img/glyphicons-halflings-white.png"; 
+0

是。看看我的回答;) – fneron 2012-07-12 21:56:12

+0

哦,很好,你有它:) – 2012-07-13 00:43:13

+0

我不明白他们为什么没有把它/或设置正确的价值与他们的基础设施...... – fneron 2012-07-13 01:02:42

0

我不得不在img文件夹从引导在欠文件夹复制...或者你可以改变变量指向根/ IMG文件夹。

0

打开rewrites.php文件中的 'LIB' 文件夹。功能中添加以下行“roots_add_rewrites($内容)”

'assets/fonts/(.*)' => THEME_PATH . '/assets/fonts/$1', 

的功能应该是这样的:

function roots_add_rewrites($content) { 
    global $wp_rewrite; 
    $roots_new_non_wp_rules = array(
    'assets/css/(.*)'  => THEME_PATH . '/assets/css/$1', 
    'assets/js/(.*)'  => THEME_PATH . '/assets/js/$1', 
    'assets/img/(.*)'  => THEME_PATH . '/assets/img/$1', 
    'assets/fonts/(.*)' => THEME_PATH . '/assets/fonts/$1', 
    'plugins/(.*)'   => RELATIVE_PLUGIN_PATH . '/$1' 
); 
    $wp_rewrite->non_wp_rules = array_merge($wp_rewrite->non_wp_rules, $roots_new_non_wp_rules); 
    return $content; 
} 
+0

对PHP用户来说可能不错,但是有没有迹象表明这个问题与PHP有什么关系? – 2015-06-26 18:02:39

4

在最新的引导程序图标都包含在新的类glyphicon :

<i class="glyphicon glyphicon-heart"></i> 

在某些情况下可能会出现问题。