5

Chciałbym łączyć bootstrap Twittera z materiałem kątowym. Znalazłem materiał na projekt paska startowego: https://github.com/FezVrasta/bootstrap-material-designŁączenie materiału kątowego z twitter bootstrap bez konfliktów

Materiał kątowy wykorzystuje następujące deklaracje;

<script src="../bower_components/angular/angular.min.js"></script> 
<script src="../bower_components/angular-animate/angular-animate.min.js"></script> 
<script src="../bower_components/angular-aria/angular-aria.min.js"></script> 
<script src="../bower_components/angular-material/angular-material.min.js"></script> 

W przypadku materiału typu bootstrap deklaracje w dokumentacji są następujące;

<!-- Material Design fonts --> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700"> 
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/icon?family=Material+Icons"> 

    <!-- Bootstrap --> 
    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

    <!-- Bootstrap Material Design --> 
    <link rel="stylesheet" type="text/css" href="dist/css/bootstrap-material-design.css"> 
    <link rel="stylesheet" type="text/css" href="dist/css/ripples.min.css"> 

Czy wystąpi konflikt, jeśli uwzględnię wszystkie linki? Jestem bardzo zdezorientowany, jak połączyć materiał kątowy i bootstrap.

+1

Podczas korzystania z funkcji kanciastego i początkowego, zaleca się przejście pod kątem-bootstrap https://angular-ui.github.io/bootstrap/. Jeśli chodzi o stosowanie projektowania materiałów i ładowania początkowego, preferuj projektowanie materiałów. Ale bootstrap ma pewne dyrektywy, które nie są dostępne w materiale. Gdziekolwiek nie możesz użyć materialnego projektu, użyj bootstrapu i na odwrót. Nie ma kwestii jakiegokolwiek konfliktu, przynajmniej według mojej najlepszej wiedzy. –

Odpowiedz

4

Lepiej nie mieszać materiału Bootstrap i Angular, ponieważ system siatki startowej (od wersji 3 ~) jest oparty na tabeli wyświetlania CSS, a materiał kątowy używa wyświetlacza flex. Zgodnie z sugestią w tej answer prawdopodobne jest wystąpienie konfliktów CSS i zwiększenie rozmiaru aplikacji.

Jeśli potrzebujesz lepszej obsługi przeglądarki i używasz Bootstrap, napisałem Angular Bootstrap Material, która jest wersją AngularJS Bootstrap material design theme. Eliminuje zależność od skryptów JavaScript i bootstrap oraz obsługuje sprawdzanie poprawności formularza za pomocą ng-messages.

Możesz zainstalować z altanki przez bower install abm.