Wie starte ich Bootstrap, um eine Website zu erstellen?

Ich habe gerade eine Domain gekauft und ich nutze einen kostenlosen Hosting-Service (https://www.000webhost.com/). Ich bin brandneu in der Front-End-Webentwicklung, aber ich bin begeistert zu lernen! Ich möchte Bootstrap verwenden.Wie starte ich Bootstrap, um eine Website zu erstellen?

Dies ist, was ich aus dem Hosting-Service sehe

Innen index.html, ich grundlegenden Beispielcode habe ich von Bootstrap-Website bekam:

<!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"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <title>Bootstrap 101 Template</title> 

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

    <!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script> 
     <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <h1>Hello, world!</h1> 

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

jedoch die Website doesn habe keine Formatierung. Ich habe diese Dateien auf meinen Computer heruntergeladen.

bootstrap/ 
├── css/ 
│ ├── bootstrap.css 
│ ├── bootstrap.css.map 
│ ├── bootstrap.min.css 
│ ├── bootstrap.min.css.map 
│ ├── bootstrap-theme.css 
│ ├── bootstrap-theme.css.map 
│ ├── bootstrap-theme.min.css 
│ └── bootstrap-theme.min.css.map 
├── js/ 
│ ├── bootstrap.js 
│ └── bootstrap.min.js 
└── fonts/ 
    ├── glyphicons-halflings-regular.eot 
    ├── glyphicons-halflings-regular.svg 
    ├── glyphicons-halflings-regular.ttf 
    ├── glyphicons-halflings-regular.woff 
    └── glyphicons-halflings-regular.woff2

Muss ich alle in den Ordner/public_html im Hosting-Dienst hochladen? Wie funktioniert das? Irgendeine grundlegende Information darüber würde auch helfen, da ich brandneu bin.

Quelle

2016-07-22 Michael

haben Sie ihre "Erste Schritte" überprüft? (http://getbootstrap.com/getting-started/) – ochi

Ja, aber es hat nicht die Grundlagen abgedeckt, die ich brauchte – Michael

Der Einfachheit halber können Sie in Ihrem HTML-Code auf CDN verlinken, anstatt diese Dateien hochzuladen.

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

Quelle

2016-07-22 05:19:53 Amita

Bootstrap ist im Grunde verwendet, um die Web-Anwendungen zu machen responsive.You Notwendigkeit, die unter Bootstrap-Dateien

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<!-- Latest compiled JavaScript --> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Weitere Informationen finden http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

Quelle

2016-07-22 05:24:39

Kopieren Sie die css, js, Schriftarten verwenden Ordner zu Ihrem public_html-Ordner

Quelle

2016-07-22 05:25:51 Woodchipper

Wie starte ich Bootstrap, um eine Website zu erstellen?

Antwort

Verwandte Themen