Twtitter引導安裝問題

首先，我想說我已經搜索了高和低，閱讀了多個教程和一些關於這個網站的帖子，並沒有幫助，所以我決定讓我的自己的帖子。Twtitter引導安裝問題

我想使用Twitter Bootstrap自我教Web開發/服務器管理，因爲我已經有一些HTML和CSS的背景。就我所知，我已經正確安裝了LAMP堆棧和所有依賴項。

我的文件結構如下：

在/ var/WWW/
在/ var/WWW/icyou/
在/ var/WWW/icyou /引導

-all在檢出自舉時創建的文件，原封不動 -
/var/www/icyou/site_root/

的index.html

index.html.save

testphp.php

裏面我的index.html是Twitter的引導的默認模板，這是下面：

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap 101 Template</title> 

    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
    <!--[if lt IE 9]> 
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <h1>Hello, world!</h1> 

    <a href="#" class="btn"> It works</a> 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

我在index.html中改變的與模板不相同的唯一東西是<a href="#" class="btn"> It works</a>。

我正在關注在YouTube上設置的教程，該教程顯示該按鈕應具有鼠標懸停效果以及流行的無引腳sans-sarif字體中的文本。我看起來像原始的HTML。

我希望它是一樣簡單的依賴性問題，我不知道。安裝所有這些軟件包真的很令人沮喪。似乎除我之外的每個人都具有天生的依賴性範圍知識，所以沒有人會提到它。

編輯：我也試圖改變路徑，以完成暫時路徑：

<link href="/var/www/icyou/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
<script src="/var/www/icyou/bootstrap/dist/js/bootstrap.min.js"></script>

來源

2014-03-18 Joshua

你的文件結構不匹配的引導CSS文件的路徑。您需要bootstrap css文件位於名爲CSS的文件夾中，該文件夾是index.html位置的子文件夾。 – drdwilcox

你檢查的文件夾/無功/網絡/ icyou/site_root /權限？你可能想打開「檢查元素」對話框（如果你在鉻），它肯定會說你的css鏈接發生了什麼

來源

2014-03-18 22:00:48 Karbonik

如果我正確理解問題，你沒有看到'鼠標懸停在按鈕上時懸停'效果？

引導一個單獨的元素處理多個類，因此，例如，如果我是爲了實現一個按鈕，我會做這樣的事情：

BTN-主要顏色分配給按鈕 BTN-MD受讓人按鈕的大小。使用簡單的'btn'會給你最小的。

嘗試添加一些額外的類屬性到按鈕，看看是否有幫助。

來源

2014-03-18 22:05:45

我想通了！兩個答案都非常有幫助，但評論更接近我遇到的問題。這是我的想法和相對路徑問題。我的引導文件夾位於我的apache文檔根目錄之上的目錄中，顯然你不能有一個超出文檔根目錄範圍的路徑！

新的路徑看起來像這樣<link href="/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

來源

2014-03-19 15:44:53 Joshua

Twtitter引導安裝問題

回答

相關問題