所以我一直在寻找和寻找指导,但没有用.
基本上,我只想要一个侧边栏,但是当屏幕变小时,即智能手机的屏幕尺寸,它会转换为导航栏.
我的侧边栏HTML代码是这样的:
<nav class="col-sm-3 ">
<div class="col-sm-12" id="fixed-sidebar">
<!-- <a href="index.html"><img id="home-logo" src="../media/logo-prueba.jpg" alt="Logo de Animanoir"></a> -->
<ul>
<li class="fuente-fjalla ul-personalizada">Animación</li>
<li class="fuente-fjalla ul-personalizada">Ilustración</li>
<li class="fuente-fjalla ul-personalizada">Interacción</li>
<br>
<li class="fuente-fjalla ul-personalizada">Blog</li>
<br>
<li class="fuente-fjalla ul-personalizada"><a href="acerca.html">Acerca</a></li>
<li class="fuente-fjalla ul-personalizada">Contacto</li>
</ul>
</div>
</nav>
我的CSS:
#fixed-sidebar {
position: fixed;
max-width: 20%;
color: white;
}
我不知道如何将其导入导航栏.我所知道的是如何从头开始制作导航栏,但我不希望这样!我不想要任何那种花哨的动画叠加多色手风琴 - 无论如何,请 -
谢谢 :)
我已经更新了Windows版Git。我检查了键是否正确。唯一的“解决方案”是开始
ssh-agent
或通过Git Bash打开VSCode。
那么，有什么有用的解决方案吗？
日志：
> git push origin master:master
git@github.com: Permission denied (publickey).
fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists.
我正在制作一个需要验证的复选框组件（使用 完成Yup）。但它不会从复选框中检索实际值，而只是从内部的值中检索initialValues。
表格代码：
<div className='metro custom-pg'>
<ThemeContext.Provider theme={theme}>
<Formik
initialValues={{
text: '',
email: '',
phone: '',
select: '',
multi: [],
checkbox: false,
}}
validationSchema={Schema}
onSubmit={(values) => {
alert(JSON.stringify(values, null, 2));
console.log("values", values);
}}
>
{({
errors,
values,
touched,
handleSubmit,
setFieldValue,
setFieldTouched,
}) => (
<Form onSubmit={handleSubmit}>
<Field
id='text-field'
label='Plain text'
name='text'
type='text'
placeholder='Enter some characters'
component={TextField}
/>
<Field
id='email-field'
label='Email'
name='email'
type='email'
placeholder='Enter your email'
component={TextField}
/>
<Field
id='phone-email'
label='Phone'
name='phone'
type='phone'
placeholder='Enter your …我已经安装了react-three-fiber和三个包。我正在关注本教程，但我怀疑将这一行放在哪里：
const rootElement = document.getElementById("root");
另外，我开始收到此错误：
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
我的index.js：
import React, { Children, useRef, useState } from "react"
import { Link } from "gatsby"
import { Canvas} from 'react-three-fiber'
import Layout from "../components/layout"
const IndexPage = () => {
return(
<Layout>
<div>
<h1>Hi</h1>
</div>
<canvas>
<Children></Children>
</canvas>
</Layout>
)
}
const rootElement = document.getElementById("root"); …我找不到原因，当尝试使用 Bootstrap 的导航栏按钮时，它不起作用。
我认为这与我的页面加载 jQuery 库或其他内容有关，但我不明白。
这是我的代码。我将只展示头部和导航栏部分，因为我相信问题出在那里。其他一切都是简单的 HTML 结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1">
<!--Boostrap jQuery-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjsmfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<!--Boostrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!--Favicon-->
<link rel="icon" type="image/png" href="media/favicon-32x32.png" sizes="32x32" />
<!--Mi CSS-->
<link rel="stylesheet" type="text/css" href="index.css">
<!-- p5.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script>
<script src="js/sketch.js" type="text/javascript"></script>
<title>Festival Sonorum</title>
</head>
<body>
<!-- navbar -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Navegación</span>
<span class="icon-bar"></span> …