Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2016
    Messaggi
    9

    Creare un layout fisso come in descrizione

    Vorrei creare un layout dove ci sono 4 aree che si adatano a qualsiasi device e che non cambiano sia in dimensioni che in contenuti, cioe, se io inserisco contenuti in area A e in area D non devono andare una sotto l'altra.

    Vedi Immagine dg.jpg

    Il progetto lo vorrei fare in Bootstrap

    Grazie in anticipo,

  2. #2
    Prova così...
    codice:
    <section class="container-fluid">
    <div class="row d-flex flex-row flex-nowrap">
    <div class="col-8 m-1">A</div>
    <div class="col-4 m-1">B</div>
    <div class="col-8 m-1">C</div>
    <div class="col-4 m-1">D</div>
    </div>
    </section>
    Se avete bisogno di una Web Page potete trovarmi qui: https://www.fiverr.com/s2/e6b3767f4c

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2016
    Messaggi
    9
    Grazie Utonto Tonto, ma il risultato non � quello sperato, mi risultano tutti in linea, ma per darti qualche dato in piu' che magari ti puo aiutare per aiutari (che gioco di parole), � la risoluzione di uno schermo FHD, cio� la risoluzione � 1920 x 1080

    AREA A = 1426 x 800
    AREA B = 494 x 800
    AREA C = 280 X 1426
    AREA D = 494 X 280

    dg.jpg

  4. #4
    Prova così...
    codice:
    <section class="container-fluid">
    <div class="row d-flex flex-row flex-nowrap">
    <div class="col-8 m-1">A</div>
    <div class="col-4 m-1">B</div>
    </div>
    <div class="row d-flex flex-row flex-nowrap">
    <div class="col-8 m-1">C</div>
    <div class="col-4 m-1">D</div>
    </div>
    </section>
    Se avete bisogno di una Web Page potete trovarmi qui: https://www.fiverr.com/s2/e6b3767f4c

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.