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

Zbyt duża szerokość Bootstrap

Object Storage Arubacloud
0 głosów
198 wizyt
pytanie zadane 4 listopada 2017 w HTML i CSS przez lastavenger Obywatel (1,060 p.)

Witam

Już któryś raz się to u mnie dzieje, dopiero zaczynam kod, a widzę że już coś wystaje na szerokość, ma to związek z .row bo bez niej tak się nie dzieje, a chce sobie przećwiczyć RWD w bootstrapie

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery test1</title>
    <link href="style.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <div class="conteiner">
        <div class="row">
        <div class="login col-sm-6"></div>
        <div class="logo col-sm-6"></div>
        </div>
        <div class="content"></div>
        <div class="scrolowany"></div>
        <div class="footer"></div>
    </div>
</body>
</html>
body{
    padding: 0px;
    margin: 0px;
}
.conteiner{
    height: 900px;
    background-color: #531515;
}
.login{
    height: 50px;
    background-color: aqua;
}
.logo{
    height: 50px;
    background-color: blueviolet;
}
.content{
    height: 60px;
    background-color: blue;
}

 

2 odpowiedzi

+2 głosów
odpowiedź 4 listopada 2017 przez Kamil Naja Nałogowiec (27,410 p.)
wybrane 5 listopada 2017 przez lastavenger
 
Najlepsza
<div class="conteiner"> - bootstrap nie ma takiej klasy
komentarz 4 listopada 2017 przez lastavenger Obywatel (1,060 p.)
yup sam ją stworzyłem nie jest powiązana z bootstrapem, w css nadalem jej tylko wysokość
komentarz 4 listopada 2017 przez Kamil Naja Nałogowiec (27,410 p.)

I tu jest problem, bo grid Bootstrapa ma się mieścić w bootstrapowym containerze.

  • Containers provide a means to center your site’s contents. Use .container for fixed width or .container-fluid for full width.

Dwa pytania

1 - Po co tak mieszać podobne klasy i 2 - Po co nadawać klasie wysokość?

komentarz 5 listopada 2017 przez lastavenger Obywatel (1,060 p.)
Dzięki wielkie za pomoc, faktycznie zaskoczyło.

1. Gdybym wiedział, że mieszam to bym nie pytał o pomoc

2. Testowy projekt dla treningu, by pokazać divy bez konieczności zapełniania contentem.
0 głosów
odpowiedź 4 listopada 2017 przez bicnet Gaduła (4,800 p.)
.container
{
overflow:hidden;
}

Nie wiem czy tak można robić, ale u mnie działa gdy tak wpisałem laugh

komentarz 4 listopada 2017 przez lastavenger Obywatel (1,060 p.)
dość często to mi posługiwało jako rozwiazanie, ale musi być jakieś lepsze :/

Podobne pytania

0 głosów
1 odpowiedź 603 wizyt
0 głosów
1 odpowiedź 271 wizyt
0 głosów
1 odpowiedź 251 wizyt

92,570 zapytań

141,422 odpowiedzi

319,643 komentarzy

61,958 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!

...