[X.....a]

Mirki, pomocy. Mam dwa pytania odnośnie BootStrap
1. Potrzebowałam tło dla row więc dodałam mu

div class="row" style="min-height: 100px; background-color: #dadada">

logo mi się mieści, ale nie mogę wycentrować panelu z menu w pionie, który jest w tym samym row, bo leci do góry. vertical-align: middle; nie działa :(

2. Czy nie lepiej by było wrzucić w tle obrazek?

#webdev #webdesign #html #css #bootstrap

[Wyrazisty]

@Xanthia:

Po pierwsze - dlaczego dodajesz style w pliku z HTMLa, a nie w osobnym? (np. style.css)
Po drugie - podaj caly kod, bo nikt nie wywrozy dlaczego cos gdzies sie nie miesci.
Po trzecie co ma min-height i vertical-align: middle do pozycjonowania w pionie?

[X.....a]

test

![](images/logo.png)

* Home
* Profile
* Messages

 ![](images/top.jpg) 

[X.....a]

@Wyrazisty: Proszę, no nie krzycz na mnie, ja się uczę :P W HTMLu działa vertical-algin :P A prościej mi modyfikować gotowe style BootStrapa chyba :)

[S.....s]

@Xanthia: Na przyszłość, kod się wkleja tutaj, bądź tutaj

[X.....a]

@Sleqqus: Oj sorki :(

Poza tym muszę coś wrzucić na tle obrazka, który się skaluje a tego to już zupełnie nie wiem jak zrobić w BootStrapie.

[egocentryk]

@Xanthia:

``

.vertical-fix {
 display: flex;
 align-items: center;
}

[X.....a]

@egocentryk: Nie pomogło :( W ogóle ja to chyba źle robię :(

[egocentryk]

@Xanthia: coś źle robisz. Albo warstwie z 'row' nadajesz klasę jak wyżej i w css dodatkową regułę, albo:

i w .css:

.kolejny-vertical-fix {
display: inline-block;
vertical-align: middle;
float: none;
}

[Wyrazisty]

@Xanthia: Zerknij tutaj - http://howtocenterincss.com/

[egocentryk]

@Xanthia: http://jsfiddle.net/bxns9xpy/ proszę

[X.....a]

@egocentryk: Dziękuję, ja to muszę przemyśleć jeszcze jak zrobić. Bo tak jak robię jest źle. Poza tym muszę wrzucić parę rzeczy na top, który jest rozmytym tłem, m.in jakieś hasło z buttonem. Mam wszystko zrobione w html + css ale muszę teraz na BootStrapa przerobić i szlag mnie trafia. :(

[egocentryk]

@Xanthia: http://jsfiddle.net/ykzLg5mt/ no prościej chyba już nie wytłumaczę (tu akurat z wykorzystaniem display: flex) - na kodzie z Twojego przykładu

[X.....a]

@egocentryk: Hmmm. To ja mam coś chyba z BootStrapem :/

[X.....a]

@egocentryk: Nie działa i już.

[X.....a]

@egocentryk: Sprawdź z łaski swojej, bo już nie mogę... https://www.dropbox.com/s/9qlyi6b59k0i30o/wtf.7z?dl=0

[Z.....e]

@Xanthia: Prawdopodobnie jest to robione na bootstrapa, bo ma być rwd. Dlatego polecam wkleić to menu do projektu i na nim się wzorować.
http://getbootstrap.com/components/#navbar-default

[egocentryk]

@Xanthia: http://egocentryk.pl/trash/xanthia/

Wszystko oparte na Twoich plikach + kod, który wklejałaś w tym wątku. Zerknij na źródło, zwróć uwagę, że dołączam custom.css, w którym jest definicja dla klasy vfixer. Z diva okalającego menu wywaliłem klasy panel/panel-default, bo zaburzały pozycjonowanie elementów. Wszystko śmiga jak ta lala, chyba że o coś innego Ci chodziło?

[X.....a]

@egocentryk: O to. No fajnie, że u Ciebie działa. Mam plik custom.css, Twoje style i nie działa. Czy możesz mi to spakować i odesłać? Może mam jakiś czeski błąd?

[X.....a]

@Zeroize: Tak. Ale ja mam gotową stronę już zrobioną w html+css i muszę to teraz przerobić na BootStrapa, i musi wyglądać jak wcześniej :(

[egocentryk]

@Xanthia: http://egocentryk.pl/trash/xanthia/html.zip