• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wycentrowanie tekstu w kolumnie [Bootstrap]

Object Storage Arubacloud
0 głosów
441 wizyt
pytanie zadane 11 września 2018 w HTML i CSS przez Kinga Nowicjusz (210 p.)
edycja 11 września 2018 przez Kinga

Witam,

rozpoczęłam naukę Bootstrap 4 i aktualnie jestem na etapie kodowania szablonu. Napotkałam jednak mały problem, dlatego też postanowiłam zwrócić się do Was z prośbą o pomoc. Utworzyłam wiersz z dwiema kolumnami, w jednej z nich umieściłam fotografię, natomiast z drugą, w której znajduje się tekst mam problem, ponieważ nie mam pomysłu w jaki sposób wycentrować tekst, tak jak na załączonym poniżej obrazku. Z góry bardzo dziękuję za pomoc smiley

<!doctype html>
<html lang="pl">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
    <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
    <link href="styles.css" rel="stylesheet">
</head>

<body>
<div class="container-fluid px-0">
                <div class="row">
                    <div class="col-4 text-hide"></div>
                    <div class="col-8">
                        <h4 class="text-uppercase font-weight-bold">A heading is what you need here</h4>
                        <p>Tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                        <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
                    </div>
                </div>
            </div>
</body>

 

1 odpowiedź

+1 głos
odpowiedź 11 września 2018 przez pablop76 VIP (123,180 p.)
edycja 11 września 2018 przez pablop76

Flex

<div class="d-flex align-items-center">

Grid

<div class="row align-items-center">

 

Podobne pytania

0 głosów
2 odpowiedzi 577 wizyt
pytanie zadane 10 września 2018 w HTML i CSS przez domi10052 Obywatel (1,180 p.)
0 głosów
1 odpowiedź 127 wizyt
pytanie zadane 12 września 2018 w HTML i CSS przez domi10052 Obywatel (1,180 p.)
0 głosów
0 odpowiedzi 104 wizyt
pytanie zadane 14 maja 2017 w HTML i CSS przez ayo1001 Obywatel (1,890 p.)

92,576 zapytań

141,426 odpowiedzi

319,651 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...