我正在写我的第一个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;
}
我想要的是哪种样式。任何帮助表示赞赏,谢谢。
aluckdog
相关分类