Cześć
Możesz zmienić szerokość kolumn edytując:
.col-md-8 { /* content */
width: 66.6667%;
}
.col-md-4 { /* sidebar */
width: 33.3333%;
}
Ruszyło się nieco, ale nie wszystko. Działa połowicznie
Zmiana parametru dla sidebar działa, ale co bym nie wpisywał w szerokość content to zostaje on bez zmian.
Suma procentów sidebar i content oczywiście wynosi 100%
Próbowałem z różnymi proporcjami i ciągle jest to samo. Content pozostaje bez zmian, a sidebar zmienia szerokość.
Dodatkowo „przytula się” do pola content – wyrównuje to pole do lewej (sidebar jest z prawej strony).
Czy coś można jeszcze dodać, by to zmienić.
Poniżej przesyłam fragment kodu, który był wcześniej i to, co wyedytowałem
Było:
.aside.col-md-4, .col-md-12, .aside.col-md-3, .col-md-8 {padding:0;}
.col-single {padding-left:15px;padding-right:15px;}
Jest:
.aside.col-md-4 { /* sidebar */
width: 10%;
}
.col-md-12, .aside.col-md-3,
.col-md-8 { /* content */
width: 90%;
}
{padding:0;}
.col-single {padding-left:15px;padding-right:15px;}
Te wartości 90 i 10% to przykładowo, bo próbuję zrobić zmianę, która będzie widoczna od ręki, a potem złapie odpowiednie proporcje.
Ten kod jest niepoprawny (do czego odnosi się {padding:0;} ?)
Dzięki. Zrobiłem jak poradziłeś i jest duży postęp, ale nie do końca to działa tak jak powinno.
Tzn. jeśli ustawię wartości, których suma przekracza 100% (np.85% content + 20% sidebar) to sidebar jest przenoszony na dół strony, pod wpisy (w sumie logiczne), ale jeśli ustawię wartość na 100% (np. 80% + 20%) to sidebar jest szalenie szeroki, pomimo, że pola w nim (widget tekst) jest zdecydowanie węższy. Jeśli ustawię np. 65% + 35% to content jest dokładnie tak samo szeroki (nie zmienia szerokości), a widget w sidebar jest po prostu szerszy.
Tak sobie myślę, jak zmniejszyć marginesy (mogłyby być mniejsze po obu stronach ekranu), może to pomoże? Albo może zmienić wartości wyrażone w procentach na sztywno zapisane wartości w pikselach?
Czy możesz podać adres strony?
OPOWIADANIA
Chodzi o proporcje szerokości wpisów i okienka Autorzy polecają.
W tej chwili jest ustawione: content :80%, sidebar: 20%
Niby 100%, ale po prawej stronie od sidebara jest jeszcze mnóstwo miejsca. Chciałbym w nie przesunąć to okno z Poleceniami, a poszerzyć content.
Spróbuj jeszcze tak:
@media ( min-width: 992px ) {
#primary { /* content */
width: 80%;
}
#secondary { /* sidebar */
width: 10%;
}
}
Super. Zadziałało 🙂 Zrobiłem 80% i 20% i jest mniej więcej to, o co mi chodziło.
A czy mogę zmienić sobie jeszcze min-width na nieco wyższą wartość? Czy to rozciągnie stronę i zmniejszy marginesy?
Tak czy siak bardzo dziękuję za pomoc 😀
