Verwenden von Angular-UI-Bootstrap. Wie bekomme ich nur das CSS vom Bootstrap?

Ich möchte Bootstrap in meinem eckigen Projekt verwenden, und ich sehe http://angular-ui.github.io/bootstrap/#/getting_started, aber es sagt, eine der Anforderungen ist das Bootstrap CSS.Verwenden von Angular-UI-Bootstrap. Wie bekomme ich nur das CSS vom Bootstrap?

Wie kann ich nur das CSS installieren? Was ist der beste Weg, das zu tun? Ich habe eckigen, eckigen und eckigen Bootstrap mit Bower installiert. Muss nur die CSS installieren.

Hier ist, wie ich es benutzen werden, lassen Sie es mich wissen, wenn sie richtig -

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="/bower_components/angular/angular.js"></script> 
    <script src="/bower_components/angular-animate/angular-animate.js"></script> 
    <script src="/bower_components/angular-bootstrap/ui-bootstrap.js"></script> 
    </head> 
    <body> 
     .... 
    </body> 
</html>

Quelle

2016-06-24 user1354934

http://getbootstrap.com/getting-started /: * bower install bootstrap * –

Zum Bootstrap's Get Started Page zu finden. Sie geben Ihnen verschiedene Möglichkeiten. Hier ist ihre CDN:

<!-- 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">

Und Bower

$ bower install bootstrap

Nachdem Sie Ihre Quelle nur <link>, um es in Ihrem <head>:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="/bower_components/angular/angular.js"></script> 
    <script src="/bower_components/angular-animate/angular-animate.js"></script> 
    <script src="/bower_components/angular-bootstrap/ui-bootstrap.js"></script> 
    <!-- Bootstrap CSS CDN --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
    <!-- Bootstrap CSS Bower *check folder for correct file name --> 
    <link rel="stylesheet" href="/bower_components/bootstrap/bootstrap.css"> 
    </head> 
    <body> 
     .... 
    </body> 
</html>

Quelle

2016-06-24 16:59:12 EnigmaRM

danke! Ich habe das zuerst zum Testen benutzt und dann habe ich Bower benutzt, um es in mein Projekt zu installieren. danke – user1354934

Großartig. Ich bin froh zu hören, dass es geklappt hat. Gehen Sie voran und markieren Sie es als korrekt, um anderen mit der gleichen Frage in der Zukunft zu helfen. – EnigmaRM

Ihr Code absolut korrekt ist. Sie müssen nur Bootstrap von dieser Website herunterladen. das wird sowohl CSS als auch JavaScript haben. Sie sollten nur die CSS in Ihrem Kopf-Tag hinzufügen

Sie können es durch Bower auch installieren

Bower install bootstrap

Danach den bower_components Ordner überprüfen Bootstrap

Quelle

2016-06-24 16:59:09

danke! das ist nett. nur mit dem css :) – user1354934

Verwenden von Angular-UI-Bootstrap. Wie bekomme ich nur das CSS vom Bootstrap?

Antwort

Verwandte Themen