2017-07-10 2 views
0

Wenn, um herauszufinden, wie Bootstrap, um in Grails 3.3.0, wenn die Plugins dieser Unterstützung veraltet/nicht unterstützt werden, bemerkte ich, dass es in application.css bereits ein Bootstrap-Eintrag:Grails 3.3.0: Beinhaltet es Bootstrap?

*= require bootstrap 
*= require grails 
*= require main 
*= require mobile 
*= require_self 

In bootsrap.css steht die Version 3.3.6.

dies scheint ein undokumentiertes Feature zu sein, und es gibt eine Menge Posts darüber, wie man bootstrap in grails 3 bekommt, was keinen Sinn macht, wenn es schon da ist, außer sie versuchen herauszufinden, wie man die Bootstrap-Version aktualisiert?

Um zu sehen, ob Bootstrap funktioniert, Ich habe das Standard-main.gsp und hinzugefügt:

<button type="button" class="btn btn-default btn-lg"> 
    <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star 
</button> 

Leider, was gemacht wird, scheint gebrochen - wo die Glyphe sollte ein viereckiger Kasten ist.

Ich habe viele andere Bootstrap-Beispiele ausprobiert, und sie scheinen nicht zu funktionieren, d. H., Sie werden nicht korrekt gerendert. Ich weiß nicht, ob dies daran liegt, dass Bootstrap nicht funktioniert, oder wenn in den Tiefen der Tausenden von CSS-Zeilen, die grails erzeugt, standardmäßig alles außer Kraft gesetzt wird.

Weiß jemand von etwas, das ich in main.gps setzen könnte, das die eine oder andere Weise zeigen würde, wenn Bootstrap arbeitet?

Antwort

1

Es enthält nur das Bootstrap-Stylesheet. Wenn Sie Glyphensymbole verwenden möchten, müssen Sie die Glyphenschrift separat herunterladen.

Dies wird auch im Bootstrap-Stylesheet angezeigt, da sich das Fontface auf eine nicht vorhandene Lib bezieht.

@font-face { 
    font-family: 'Glyphicons Halflings'; 

    src: url('../fonts/glyphicons-halflings-regular.eot'); 
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 

Ich glaube, dass das nur die Bootstrap Sheet enthielt, den Start „Vorlage“ zu gestalten, in denen die Verwendung von Glyphen-Symbolen nicht machen.

Das Komplettpaket von Bootstrap wie folgt aussehen (http://getbootstrap.com/getting-started/#download):

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 
Verwandte Themen