为了账号安全,请及时绑定邮箱和手机立即绑定

使用本地版本时丢失BootStrap格式

使用本地版本时丢失BootStrap格式

Go
慕斯709654 2021-04-09 17:14:22
我正在写我的第一个Web服务器,所以不要讨厌。我在BootStrap中使用Golang和HTML。该程序最终将在小型设备上的Raspberry Pi上运行。因此,我认为最好使用BootStrap的下载版本而不是CDN版本,对吗?但是,当我这样做时,页面上的按钮会丢失其格式。这是我使用CDN版本的HTML代码:<!DOCTYPE html><html><head>  <title>Cacophonator Setup</title>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, initial-scale=1">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><div class="container">  <h2>Cacophonator Setup</h2>  <div class="col-sm-12">        <!-- <a href="\CameraPositioning\" class="btn btn-primary" type="button">Camera Positioning</a> -->    <button type="button" class="btn btn-primary" onclick="location.href='camera-positioning.html'">Camera Positioning</button>  </div>  <div class="col-sm-12">        <button type="button" class="btn btn-primary" onclick="location.href='3G-connectivity.html'">3G Connectivity</button>  </div>          <div class="col-sm-12">      <button type="button" class="btn btn-primary" onclick="location.href='API-server.html'">API Server</button>  </div>  <div class="col-sm-12">    <button type="button" class="btn btn-primary" onclick="location.href='network-interfaces.html'">Network Interfaces</button>  </div></body></html>我只更改了2行,以便使用(或尝试使用)本地BootStrap CSS和JS。我从Go中这样称呼它:http.HandleFunc("/", managementinterface.IndexHandler)log.Fatal(http.ListenAndServe(":8080", nil))而IndexHandler就像这样:func IndexHandler(w http.ResponseWriter, r *http.Request) {    t, _ := template.ParseFiles("../html/index.html")    t.Execute(w, "")}最后一点:CDN版本是3.3.7,我下载的版本是4.1.1而且,如果我查看本地BootStrap CSS文件,也可以看到以下内容:.btn-primary {  color: #fff;  background-color: #007bff;  border-color: #007bff;}我想要的是哪种样式。任何帮助表示赞赏,谢谢。
查看完整描述

2 回答

?
aluckdog

TA贡献1847条经验 获得超7个赞

您实际上是从Go代码中提供JS和CSS代码吗?如果不是,则您的浏览器正在向Go HTTP服务器询问资源,但是却不知道您在说什么(如果您在浏览器中查看开发者控制台,它将向您显示对这些文件请求的404响应。


您可能需要做类似的事情(假设您将CSS和JS放在称为资产的目录中)


cssFs := http.FileServer(http.Dir("/home/user/www/assets/css"))

http.Handle("/css", fs)

jsFs := http.FileServer(http.Dir("/home/user/www/assets/js"))

http.Handle("/js", fs)

有关更多信息,请访问http.FileServer


查看完整回答
反对 回复 2021-04-19
  • 2 回答
  • 0 关注
  • 338 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信