Page 1 of 1
Alles wird untereinander angezeigt auf der Startseite
Posted: Wed Feb 09, 2022 4:00 pm
by 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.
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Sat Feb 12, 2022 11:34 am
by Thorsten
Hi,
das sieht korrekt aus... ich hab das bei mir mal lokal probiert, da klappt es.
bye
Thorsten
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 7:46 am
by MRi
hmmmm.
Ich benutze Chrome....
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 8:36 am
by Thorsten
Hi,
ich benutze auch Chrome... du hast ja "nur" die eine Card nach oben geschoben.
bye
Thorsten
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 1:06 pm
by 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!
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 1:15 pm
by Thorsten
Hi,
mach mal ein
zum Installieren der Abhängigkeiten.
Und dann ein
bye
Thorsten
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 1:33 pm
by 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!
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 2:13 pm
by 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
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 3:36 pm
by 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?
Re: Alles wird untereinander angezeigt auf der Startseite
Posted: Mon Feb 14, 2022 3:55 pm
by Thorsten
Hi,
am einfachsten ist es, wenn du Docker nutzt, so entwickle ich z.B., dann musst du nur ein
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