网页材料设计。如何设置 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) 我使用Bootstrap编写了一个导航栏并做出反应.为了获得bootstrap的功能必须安装和bootstrap.js jquery.js.我只想基本上使用bootstrap的CSS文件和reactjs的功能.使用带有reactjs的Bootstrap是否有意义?
我需要通过reactjs来实现对导航进行编程的一些帮助.这是我标题的来源.我需要帮助来编程反应器中的导航栏没有bootstrap.js
和jquery.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) 我有一个由提供商提供的服务器,没有任何根访问权限。无法在 /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) 我将使用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) 我有一个包含以下代码的表。在 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 页面上的结果
表格的缺点是它在较小的屏幕尺寸下不会向下移动,而只能向右移动。如何创建一种网格布局?
javascript ×2
reactjs ×2
css ×1
docker ×1
github ×1
gitlab ×1
gitlab-pages ×1
jquery ×1
markdown ×1
mdc ×1
react-router ×1