Bootstrap'te yükseklik ayarlama

ContisTR dedi:

Öncelikle merhabalar, hocamız ödev olarak bir site yapmamızı istedi ama template olarak indirip kendimize göre ayarlamamızı istedi.
Yaptım fakat gözüme bir şey takıldı ve yapamadım. Son çare buraya yazıyorum.
Görselde sağda çubukla gösterdiğim kadar boşluk kalıyor. Ben bu boşluğu nasıl azaltabilirim? Bir türlü yapamadım.

Eki Görüntüle 713753

Genişletmek için tıkla...

Berkay Davas dedi:

Dosyaları atar mısın? Kodları görmeden bir fikir üretemiyorum.

Genişletmek için tıkla...

Berkay Davas dedi:

"service-content" sınıflı divinde "padding-top" değeri var. Bu çok da bootstrap'lık bir durum değil.
"css" klasörü altındaki "template-main.css" dosyasının 181. satırında ".service-content" var. Süslü parantezlerin içindeki "padding-top:15vh;" olanı sil.

Genişletmek için tıkla...

Berkay Davas dedi:

Visual Studio Code kullanmanı tavsiye ederim. Eğer indirmek istemiyorsan Ctrl + F ile ".service-content" aratabilirsin.

Bu arada kaçıncı satır olduğu programdan programa değişmez.

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

Güzel olmuş. Bu şekilde hazır temaları çözmeye alışırsan web sitesi yaparak para kazanabilirsin. Wordpress mantığı biraz bu şekilde.

Genişletmek için tıkla...

ContisTR dedi:

Teşekkür ederim şimdi fark ettim notepadde varmış satır yeri, yaptım çok teşekkür ederim ve çok ilgimi çekti çok hoşuma gitti, kendime yeni bir uğraş bulmuş olabilirim teşekkürler.
Buarada hazır yakalmışken ben bu boıtstrapteki alttaki 2 2 olan tablokarıın eşit olması için bir boşluk bıraktım o boşluğu bırakmadan eşitlemem mümkün mü

Genişletmek için tıkla...

Grid system

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

getbootstrap.com

Berkay Davas dedi:

"row" ve "col" yapısını kullanabilirsin.

Grid system

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

getbootstrap.com

Genişletmek için tıkla...