Alles wird untereinander angezeigt auf der Startseite

[MRi]

Anbei meine Startseite.

Ich habe die News ganz nach oben gesetzt. Jetzt möchte ich dass die anderen 3 Bereiche

• Top FAQs
• Latest FAQs
• Sticky FAQs

rechts daneben erscheinen.

Aber es erscheint immer alles untereinander. Auch wenn genug Platz da ist. Da ich weiterhin card-columns ausgewählt habe sollte das doch eigentlich gehen.

[Thorsten]

Hi,

das sieht korrekt aus... ich hab das bei mir mal lokal probiert, da klappt es.

bye
Thorsten

[MRi]

hmmmm.

Ich benutze Chrome....

[Thorsten]

Hi,

ich benutze auch Chrome... du hast ja "nur" die eine Card nach oben geschoben.

bye
Thorsten

[MRi]

OK

Mir fehlt CSS von phpMyFAQ/Bootstrap für die Klasse .card-columns, deswegen klappt das nicht mit den Karten nebeneinander.

Ich musste ja die neuen Style Sheet kompilieren.

Ich habe mit
npm install -global bootstrap

Bootstrap heruntergeladen.
Damit der Compile geht habe ich

Die folgenden Zeilen ändern müssen. Denn er hat den bootstrap include nicht gefunden:

Code: Select all

// @import '~bootstrap';
@import 'C:/Users/x/AppData/Roaming/npm/node_modules/bootstrap/scss/bootstrap.scss';

Muss da noch mehr einbezogen werden?

Ich finden diesen Style nirgendwo definiert, außer in den fertigen kompilierten style sheets!

[Thorsten]

Hi,

mach mal ein

Code: Select all

$ yarn

zum Installieren der Abhängigkeiten.

Und dann ein

Code: Select all

$ yarn build

bye
Thorsten

[MRi]

So. Nun habe ich:

Code: Select all

npm install --global sass
npm install --global bootstrap
npm install --global fork-awesome
npm install --global yarn

package.json

Code: Select all

{
  "name": "my-package",
  "scripts": {
    "build": "sass style.scss styles.css"
  }
}

Nun bekomme ich:

Code: Select all

yarn run v1.22.17
warning package.json: No license field
$ sass style.scss styles.css
Error: Can't find stylesheet to import.
   ╷
20 │ @import '~bootstrap';
   │         ^^^^^^^^^^^^
   ╵
  style.scss 20:9  root stylesheet
error Command failed with exit code 65.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

PS: Warum ist die package.json eigentlich nicht dabei?
PPS: Sorry erstes Posting enthielt falsche Fehlermeldung.
PPPS: Ich benutze ein Windows enviroinment!

[Thorsten]

Hi,

ach, ich dachte, du nutzt die Installation von Github, dann fehlt da ja einiges.

Les dir mal die README durch, das sollte auch auf Windows klappen:

https://github.com/thorsten/phpMyFAQ/tree/3.0

bye
Thorsten

[MRi]

Meine Güte.
Ich scheitere bereits an der Zeile:
$ curl -s https://getcomposer.org/installer | php

Angeblich openssl nicht installiert...

Gibt es denn keine einfachere Variante ein simples style sheet zu kompilieren?

Ich bin Windows Entwickler: Ich betreue die FAQ nur so nebenbei.
Gibt es denn nirgendwo ,diese ganzen Include files, damit ich einfach SASS benutzen kann?

[Thorsten]

Hi,

am einfachsten ist es, wenn du Docker nutzt, so entwickle ich z.B., dann musst du nur ein

Code: Select all

docker-compose up

auf der Konsole ausführen und alles fährt hoch.

Wenn du den Container "yarn" neu startest, kompiliert er auch alles, was mit SCSS und JavaScript zu tun hat.

Ansonsten brauchst du für SCSS lokal nur die package.json, die webpack.config.js und die yarn.lock aus dem Repo.

Kleiner Hinweis: mit dem Release der 3.1 am Wochenende gibt es für die 3.0 nur noch Security Updates.

bye
Thorsten