Bootstrap kullanarak, diğer .col-lg-9 normal konumdayken (sayfa boyunca kaydırılabilir) konum: sabit olarak yerleştirmek istediğim bir ızgara sütunu class="col-lg-3" var.
<div class="row">
<div class="col-lg-3">
Fixed content
</div>
<div class="col-lg-9">
Normal scrollable content
</div>
</div>
Tıpkı LifeHacker.com adresindeki sol sütunda olduğu gibi Sayfayı kaydırsam da sol kısmın sabit olduğunu göreceksiniz.
Bootstrap v3.1.1 kullanıyorum
<div class="row">
<div class="col-lg-3">
<div class="affix">
fixed position
</div>
</div>
<div class="col-lg-9">
Normal data enter code here
</div>
</div>
Ihab'ın cevabını yineleyerek, sadece position:fixed
ve bootstraps col-offset
kullanarak genişlik konusunda spesifik olmanıza gerek yoktur.
<div class="row">
<div class="col-lg-3" style="position:fixed">
Fixed content
</div>
<div class="col-lg-9 col-lg-offset-3">
Normal scrollable content
</div>
</div>
Buradaki çözümü takip edin [
][1],<div class="row">
<div class="col-lg-3 fixed">
Fixed content
</div>
<div class="col-lg-9 scrollit">
Normal scrollable content
</div>
</div>
Mükemmel çalışması için bazı css'leri değiştirdim:
.fixed {
position: fixed;
width: 25%;
}
.scrollit {
float: left;
width: 71%
}
Çözümü paylaştığınız için teşekkürler @Lowkase.