小编Aar*_*ron的帖子

网页材料设计。如何设置 mdc.menu 的位置?

网页材料设计。如何设置 mdc.menu 的位置?

我会将 mdc 菜单从左上角移到右上角。距顶部 70 像素,距右侧 25 像素。

请看一下我的截图。如何更改元素样式。

请看一下我的js代码。我必须在哪里进行更改?在 css 中还是在 javascript 中?我对浏览器 chrome 进行了以下更改。

element.style {
    right: 25px;
    top: 70px;
}
Run Code Online (Sandbox Code Playgroud)

这是完整的 html 代码。

<!DOCTYPE html>
<html>
  <head>
    <title>App Bar</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="norobots" content="noindex, nofollow, noarchive">

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- import Material Icons from Google Fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:400i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" …
Run Code Online (Sandbox Code Playgroud)

javascript mdc mdc-components

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

导航栏从Bootstrap到reactjs

我使用Bootstrap编写了一个导航栏并做出反应.为了获得bootstrap的功能必须安装和bootstrap.js jquery.js.我只想基本上使用bootstrap的CSS文件和reactjs的功能.使用带有reactjs的Bootstrap是否有意义?

我需要通过reactjs来实现对导航进行编程的一些帮助.这是我标题的来源.我需要帮助来编程反应器中的导航栏没有bootstrap.jsjquery.min.js

import React from "react"
export class Header extends React.Component {
    render() {
        return (
            <nav className="navbar-kwp-header navbar-default navbar-fixed-top">
                <div className="container">
                    <div className="navbar-header">
                        <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#Navbar">
                            <span className="sr-only">Navigation ein- / ausblenden</span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                            <span className="icon-bar"></span>
                        </button>

                        <a className="navbar-brand" href="#"><img src="images/logo.jpg" alt="" /></a>
                    </div>

                    <div id="Navbar" className="navbar-collapse collapse">
                        <ul className="nav navbar-nav">
                            <li><a href="#">Home</a></li>

                            <li className="dropdown"><a className="dropdown" data-toggle="dropdown" role="button" aria-expanded="false">Service <span className="caret"></span></a>
                                <ul className="dropdown-menu" role="menu">
                                    <li><a href="#">Downloads</a></li>
                                    <li><a href="#">Glossar</a></li>
                                    <li><a href="#">Newsletter</a></li>
                                </ul> …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery twitter-bootstrap reactjs

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

在没有 root 访问权限的服务器上安装 Docker 二进制文件

我有一个由提供商提供的服务器,没有任何根访问权限。无法在 /etc/ 或 /var/lib/docker 中编写脚本。Docker 未安装。我的想法是在目录中安装并运行 docker 二进制文件。我将使用 shell 脚本安装 docker。该脚本应该能够从任何目录启动,无需 root 访问权限

当脚本启动时,./docker/dockerd --data-root=docker/var/lib/docker我收到此错误消息。

WARN[2018-11-17T18:26:19.492488618+01:00] 设置守护程序根传播时出错,这通常并不重要,但可能会导致某些功能无法工作或回退到不太理想的行为 dir=docker/var/lib/ docker error="获取守护进程根目录的父挂载时出错:打开 /proc/self/mountinfo: 权限被拒绝" 启动守护进程时出错:打开 /var/run/docker.pid: 权限被拒绝

dockerd 有很多参数。这里是 pid 文件:-p | **--pidfile*[=/var/run/docker.pid]

http://manpages.ubuntu.com/manpages/cosmic/man8/dockerd.8.html

感谢您的帮助

#!/bin/bash

DOCKER_RELEASE='docker-18.06.1-ce.tgz'

wget https://download.docker.com/linux/static/stable/x86_64/$DOCKER_RELEASE
tar xzvf $DOCKER_RELEASE
rm $DOCKER_RELEASE

./docker/dockerd --data-root=docker/var/lib/docker
Run Code Online (Sandbox Code Playgroud)

docker

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

Gitlab页面和React Router

我将使用Gitlab页面。看来Gitlab Pages无法与React Router一起使用。我得到一个空白页。如何在React Router中使用gitlab Pages?我怎么解决这个问题?

/src/App.js

import React from 'react';
import { Route } from 'react-router-dom';
import HomePage from './components/pages/HomePage';
import LoginPage from './components/pages/LoginPage';

const App = () => (
  <div>
    <Route path="/" exact component={HomePage} />
    <Route path="/login" exact component={LoginPage} />
  </div>
);

export default App;
Run Code Online (Sandbox Code Playgroud)

src / index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);
registerServiceWorker();
Run Code Online (Sandbox Code Playgroud)

gitlab reactjs react-router gitlab-pages

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

GitHub Markdown 和颜色

我有一个包含以下代码的表。在 Markdown 查看器和 GitHub 页面上,颜色显示正确。但 GitHub 上没有。

|-   |-  |-   |-   |-   |
| <span style="font-family: Source Code Pro; padding: 20px; background-color: #000000; color: #fff;">#000000</span> |
Run Code Online (Sandbox Code Playgroud)

GitHub 上的结果:

在此输入图像描述

GitHub 页面上的结果

在此输入图像描述

表格的缺点是它在较小的屏幕尺寸下不会向下移动,而只能向右移动。如何创建一种网格布局?

markdown github github-flavored-markdown

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