Wie kann ich einstellen, dass die div-Boxen auf dem Handy untereinander dargestellt werden?

Guten Tag.

Mein Problem ist Folgendes: Auf dem PC werden die Boxen ganz normal und wie gewollt dargestellt, doch auf dem Handy wird alles in die Reihe gequetscht und man kann nichts erkennen. Wie kann ich nun einstellen, dass die div-Boxen untereinander dargestellt werden?

LG

Quellcode:

<?php
  require('templates/header.php');
?>

<div class="content">
  <div class="row">
    <div class="col-md-12">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">Kampagnen</h3>
        </div>
        <br><br>
        <div class="row">
          <div class="col-xs-12">
            <div class="box box-container">
              <div class="row">
                <div class="col-xs-12">
                  <div class="box-first box-container">
                    <div class="row">
                      <div class="col-xs-1">
                        <div class="row">
                          <div class="col-xs">
                            <div class="box-nested" text-align="center">
                              <img src="templates/XXX.png"/>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <strong> XXX </strong>
                        </div>
                      </div>
                      <div class="col-xs-3">
                        <div class="box-nested">
                          <h4>
                            <span class="badge badge-pill badge-success">XXX: 1,10€</span>
                            <span class="badge badge-pill badge-secondary">XXX: 1,00€</span>
                          </h4>
                        </div>
                      </div>
                      <div class="col-xs-4">
                        <div class="box-nested">
                          <span>
                            <h4>
                              <font color="#400040">
                                <input name="text" id="myInput" id="text" width="100%;" ?>">
                                <button class="badge badge-pill badge-danger" onclick="myFunction()">Link Kopieren</button>
                              </h4>
                            </font>
                            <script>

                              function myFunction() {
                                var copyText = document.getElementById("myInput");
                                copyText.select();
                                document.execCommand("copy");
                              }
                            </script>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="card-body all-icons">
          <div class="row">
            <div class="wrap-table100">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<?php
  require('templates/footer.php');
?>

Das CSS, welches zugegebener Weise sehr unübersichtlich ist^^, lautet wie folgt:

https://pastebin.com/hHsGJhFE

HTML, Webseite, programmieren, CSS
Mit welcher Programmiersprache Web-Oberfläche für Datenbank programmieren?

Hallo zusammen,

könnt ihr mir kurz eure Empfehlungen und Erfahrungen geben bzgl Programmiersprachen?
Folgendes möchte ich tun bzw den Aufwand abschätzen:
Und zwar möchte ich eine Web-Oberfläche für einen Postgresql Server entwickeln. Wir haben zwar schon eine Oberflächliche jedoch funktioniert die Zusammenarbeit mit der Firma, die die Oberfläche entwickelt nicht so gut, weshalb ich gerne versuchen möchte etwas eigenes zu bauen.

Erfahrungen hab ich bisher eher im Bereich von Client-Seitiger Software (zb VBA, SPS, C) aber wenig was Server bzw Websites angeht.

Ansatz bisher ist HTML und PHP. Jedoch liest man viel, dass Python besser als PHP sei. Wenn es so wäre würde sich Python anbieten weil ich mich eh wegen einem anderen Thema da einarbeiten müsste. Mich würde hier Python aber nur für die Oberfläche interessieren weil der Server ja schon vorhanden ist und ich nur die Daten visualisieren will.

Wenn es aber um eine Oberfläche zur Darstellung und Eingabe von Daten in eine Datenbank geht, welche Sprache würdet ihr empfehlen?
PHP soll wohl den leichteren Einstieg bieten und ich könnte schnell Ergebnisse sehen.

Mir geht es nicht darum was besser/schlechter ist. Ich möchte nur verstehen warum andere lieber mit Python arbeiten und welche Vorteile es gegenüber php und umgekehrt hat.

Erfahrungen in andere Richtung sind natürlich auch willkommen.

Danke schon mal.

Server, Computer, SQL, HTML, Webseite, PHP, Python
Wie kann ich eine Paywall auf einer Website einfügen?

Guten Abend liebe Community,

ich arbeite nun seit etwa zwei Jahren mit dem CMS Wordpress an Websites bei einer Onlinemarketing Agentur. Ich bin in die Branche quasi reingerutscht und komme ursprünglich aus der Medien-/Kreativbranche.

Ein privater Kunde von mir, möchte eine Paywall auf seiner Website einrichten. Er ist als Personal Trainer und Ernährungsberater in der Fitnessbrache tätig und möchte auf seiner neuen Website ein eigenes Programm mit Videos, Rezepten und Kochtipps anbieten. Vermutlich wird hierzu ein Buch als PDF für die Ernähung und für die Trainingsübungen Videoinhalte, sowie ein weiteres Buch als PDF Buch bereitgestellt.

Nun habe ich bereits mit Shopsystemen wie WooCommerce gearbeitet, jedoch nie eine Paywall eingerichtet. Also bestimmte Websites, die nur für einen zahlenden Abonnenten bereitgestellt werden sollen.

Durch fehlendes Know-How in Programmiersprachen, bin ich auf ein passendes Plugin angewiesen, kann bisher jedoch keines finden. Mein Programmierwissen beschränkt sich auf HTML, rudimentäre CSS-Skills und ich lerne aktuell langsam Javascript durch einen Freund.

Allein ein paar Stichwörter zu dem Bereich wären sehr hilfreich, da ich nach zweitägiger Suche nichts passendes finden konnte. Klar ist noch nicht, ob er einen Einzelkauf anbieten möchte oder mit einem Abomodell arbeiten wird. Den Einzelkauf per WooCommerce einzurichten, sollte machbar sein. Wie könnte ich aber bei einem Abo vorgehen, bei dem ein Nutzeraccount verknüpft wird?

Zum Schluss noch eine thematisch ähnliche Seite - eventuell weiß jemand, womit hier gearbeitet wurde. Der Kauf eines passenden Themes, falls jemand eines kennt, wäre auch denkbar. Aktuell nutze ich überwiegend Enfold, habe jedoch für zwei "besondere" Kunden noch Newspaper 9 gekauft. Hier der Link: https://smartgains.de/shop/

Sorry für den doch sehr langen Text und viele Dank im Voraus für hilfreiche Antworten! :)

Tommy

Computer, HTML, Webseite, programmieren, CSS, WordPress, JavaScript, PayPal, shopsystem, Wordpress Plugin, Woocommerce

Meistgelesene Beiträge zum Thema Webseite