2012-09-23 9 views
5

Twitter Bootstrap'in içinde bir tablom var ve tablonun çok fazla sütunları olduğunda (iç kısımlarına göre 19-20 civarı) .container'ın dışına uzanıyor.Twitter önyükleme tablası sağdaki kapsayıcıyı dışarı uzatıyor

twitter bootstrap table

saat etiketi (masanın altına gri çizgi) .container kenarlarını tanımlar. Masa her zaman sağa doğru uzar.

Tabloyu ortalamak mümkün mü, böylece her iki tarafta da .container'ın dışına eşit şekilde uzanıyor mu?

+0

Sabit genişlik (veya metin gibi) olmayan bir şeyi düzgün bir şekilde ortalayabileceğinizi düşünmüyorum. _counting_ sütunları ve '.span' sınıfını kullanmak mümkün mü? Her neyse, çarpma sütunları en iyi yaklaşım olmayabilir. – Sherbrow

cevap

2

Aynı problem vardı. Konteynerin genişliğinin tabla genişliğinden daha küçük olduğu ortaya çıktı. Chrome'u kullanıyorsanız, Geliştirici araçları oldukça harika.

Geçici olarak giderim olarak tablomun genişliğinden daha büyük bir değere ayarlıyorum. Masamın genişliği geçerli 1079 pikseldir.

.container { width: 1200px; } 

Tablonun genişliğini 1132px'e çıkardığımda yeniden sağa doğru sürüklemeye başladı. İçeriğin genişliğini azaltmaya çalışacağım, ama bu zor bir problem. Katlanabilir sütunlar muhtemelen bir şey ve yatay kaydırma var, ancak bu veriler için daha fazla engel gibi görünüyor.

+0

ama mobil ve tabletlerden ne haber? –

+0

@EduardoArrudaPimentel Önyükleyici tasarıma sahip olmanın yanı sıra duyarlı tasarım konusunda fazla tecrübem yok. Ancak tablonuz konteynerinizden daha genişse, konteynerinizi daha geniş hale getirmeyi deneyin. Özellikle mobil/tablet için bir genişlik ya da belki de bir yüzdeyi ".container {width:% 80; } '. İşte genişlik seçenekleriniz: [link] (http://www.w3schools.com/cssref/pr_dim_width.asp). Ayrıca tablonuzun genişliğini azaltmaya da bakmak isteyebilirsiniz. – undefinedvariable

+0

Konteynerin "taşma" özelliğini "taşma: kaydırma" olarak ayarlarsanız ne olur? –

İlgili konular