twitter bootstrap grid sistemi hakkında?

04-10-2014, 10:45:37

#1

nurettin

Merhaba arkadaşlar,
twitter bootstrap da grid yapısını 10 bölme şansınımız varmı acaba?
12 veya 9 a bölebiliyoruz.

04-10-2014, 19:50:09

#2

deepkod

Bootstrap normalde zaten 12 lik grid sistemini kullanır 9 luk grid sistemi diye bir sistem yoktur. ( http://getbootstrap.com/css/#grid ). Soruyu detaylandırabilirsen daha tatmin edici cevaplar verebiliriz hocam.

05-10-2014, 11:39:44

#3

nurettin

10 tane grid yapıp 1 sayfayı kaplamasını istiyorum.
10 tane yan yana bilgi olan bir sistemiz var o yüzden gerekli

05-10-2014, 11:52:03

#4

SCC

Misafir

Malesef, bootstrap'ın grid sistemi 12liktir, başka framework'lerde belki yapabilirsiniz veya kendiniz css ile %10'luk parçalara(width:10%) ayırabilirsiniz.

05-10-2014, 16:32:42

#5

digiklan

Grid sistemi grafik tasarımdaki altın oran temel alınarak sayfayı bölümler.
eğer 10 a bölecekseniz 9 tane 1/12 bir tane 3/12 yapacaksınız.
ya da sağ başa ve sol başa 1/12 boş alan koyup arasına 10 tane 1/12 alan koyacaksınız

05-10-2014, 16:42:56

#6

EyraWeb

grid sistemini 120 olarak ayarlarsan her türlü fantaziyi gerçekleştirebilirsin.

05-10-2014, 16:46:47

#7

~Aykut

yeni bir col-lg-16 yap . genişlik olarak %10 yap. bu şekilde olur. bu arada konuda yanlış yerde.

05-10-2014, 16:59:38

#8

EyraWeb

Arkadaşlar ne diyorsunuz siz.

Ne kolon eklemesi. Sistem mevcut hali ile zaten istediği yapar ancak bir ayar verilmeli.

http://getbootstrap.com/customize/

Bu adresten bootstrapımıza çeşitli düzenler verebilirsiniz. Aklınıza ne gelirse. 120 öneririm.

<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>
<div class="col-md-12">...</div>

Bu şekilde on kutucuğa ulaştık.

05-10-2014, 18:11:30

#9

saintx

Kimlik doğrulama veya yönetimden onay bekliyor.

@nurettin; istediğin olayın nasıl yapılacağı dokümantasyon sayfasında gayet net bir şekilde anlatılmış olarak bulunuyor.

12 ayrı sütundan oluşan yapının betiği:

<div class="container">
	<div class="row">
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
		<div class="col-xs-1">col-xs-1</div>
	</div>
</div>

@bkz: http://getbootstrap.com/css/#grid-example-basic