小编Cor*_*rné的帖子

字体很棒的图标没有加载Angular4项目

我正在使用font-awesome进行角度4项目,我按照本指南使用npm安装库: 如何为Angular 2 + CLI项目添加字体功能

我已经使用ng-serve命令配置项目来编译scss样式表,我的angular-cli.json的样式路径如下所示:

"styles": [
        "../node_modules/bootstrap/scss/bootstrap.scss",
        "../node_modules/bootstrap/scss/main.scss",
        "../node_modules/font-awesome/scss/font-awesome.scss"

      ],
Run Code Online (Sandbox Code Playgroud)

我想制作一个带有地址卡图标的按钮,我也在使用Bootstrap 4,所以它看起来像这样:

<button class="btn btn-sm btn-primary"><span class="fas fa-address-card"></span></button>
Run Code Online (Sandbox Code Playgroud)

但是当它加载时,它看起来像这样:

font-awesome angular

5
推荐指数
1
解决办法
9679
查看次数

Chrome 中的 VS Code 调试 - 无法访问此站点错误

我知道以前有人问过这个问题,但是在阅读了很多线程之后,我仍然没有找到我的答案......

我正在尝试使用 Chrome 调试一个非常简单的 html 应用程序,但是当我到达我的本地主机时,我收到一条错误消息,提示“无法访问此站点”。我的 launch.json 代码如下所示:

"version": "0.2.0",
"configurations": [
    {
        "name": "Launch Chrome against localhost, with sourcemaps",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:3000",
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    },
    {
        "name": "Attach to Chrome, with sourcemaps",
        "type": "chrome",
        "request": "attach",
        "port": 9222,
        "sourceMaps": true,
        "webRoot": "${workspaceRoot}"
    }

]
}
Run Code Online (Sandbox Code Playgroud)

任何帮助都将不胜感激,因为我现在已经为此苦苦挣扎了一段时间。

visual-studio-code

5
推荐指数
1
解决办法
1万
查看次数

如何减少java脚本for循环中的工作?

下面的java脚本循环增量工作但是为了减少不起作用,如何解决这个问题呢?

for(var i=1; i<5; i++) { alert(i); } work fine

for(var i=10; i<5; i--) { alert(i); } not working
Run Code Online (Sandbox Code Playgroud)

javascript

2
推荐指数
3
解决办法
2万
查看次数

VS Code 终端不允许打字

我的 VS 代码终端工作正常,直到有一天我尝试处理一个项目时,该项目仍然在 VS 代码中打开,我的终端不允许我输入任何命令。我无法输入任何内容。这是我得到的屏幕。

截屏

visual-studio-code

2
推荐指数
2
解决办法
2万
查看次数

如何在容器内制作全宽div

我喜欢在整个屏幕上使标题全宽,包装器是1052px并希望在徽标和菜单保持原位时扩展它。

有没有办法div在响应式布局中将内部扩展到全屏宽度?

如何使用 css 解决这个问题,记住“菜单”固定在顶部,“全宽”div必须正常滚动?我想我不能使用绝对定位。我希望它很清楚,否则我会尝试改进问题。

这是 header.php 代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>

</head>

<body <?php body_class() ?>>

<div id="wrapper">
    <div id="inner-wrap">
        <div id="header" class="fullwidth">
            <div id="logo">
                <?php if (!option::get('misc_logo_path')) { echo "<h1>"; } ?>

                <a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('description'); ?>">
                    <?php if (!option::get('misc_logo_path')) …
Run Code Online (Sandbox Code Playgroud)

html css

1
推荐指数
1
解决办法
4635
查看次数

在 Angular 项目中应用自定义 Bootstrap 变量

我试图在我的 Angular 项目中覆盖 Bootstrap 的默认颜色。我_variables.scss在我的src文件夹中创建了一个文件。

在此文件中,我添加了以下代码: $primary: purple;

然后我将我的_variables.scss文件导入到我的主文件中styles.scss@import 'variables';

我还安排了我的angular.json文件,使我的样式如下所示:

"styles": [
  "src/styles.scss",
  "node_modules/bootstrap/dist/css/bootstrap.min.css"
],
Run Code Online (Sandbox Code Playgroud)

我想实现的是,当我在我的 html 中使用以下代码时:

<button type="submit" class="btn btn-primary auth-button">Sign in</button>
Run Code Online (Sandbox Code Playgroud)

我的按钮的颜色应该是紫色。

我想稍后在几页上更改更多变量,因此这应该是一个全局变量。

sass bootstrap-4 angular

1
推荐指数
1
解决办法
1538
查看次数