pomoc Problém s dvěma panely - Bootstrap

[JaneeK 2]

Zdravím mám problém viz obrázek. Nejde mi nastavit aby byly panely centrovány na střed a vedle sebe, šířka panelů dohromady má být 70%. Děkuji za pomoc

[Amenadiel 286]

máš to na localu nebo někde hozené

 

http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div

Edited 17. Květen, 2016 by Steam wallet

[JaneeK 2]

Nahodil jsem to sem: http://janeek.g6.cz/

[Amenadiel 286]

Nahodil jsem to sem: http://janeek.g6.cz/

tak já je vidím centrované, http://prntscr.com/b50oac

 

jaký prohlížeč používáš

[JaneeK 2]

Jakože už jsem je nahodil teď vycentrovaně Ale potřeboval bych je hodit vedle sebe aby ten užší byl napravo :/

[Amenadiel 286]

Jakože už jsem je nahodil teď vycentrovaně Ale potřeboval bych je hodit vedle sebe aby ten užší byl napravo :/

zkus

 

float: left;

[JaneeK 2]

Tak jsem to nahrál, můžeš se kouknout co to udělalo teď

[Hip 191]

float left je dá vedle sebe. 

 

hoď oba dva panely do jednoho nového divu a dej mu margin: auto.

 

pokud to nebude kazit okolí tak to bude fungovat.

[JaneeK 2]

http://janeek.g6.cztak je to zase hodilo pod sebe

[Hip 191]

aha, nedošla mi jedna věc.

 

div co má třídu panely dáš width takovou jakou chceš aby mělo oba panely dohromady. (Třeba 75%, když by jsi dal 100% tak budou roztažené na celou šíři stránky) A margin auto necháš.

 

panelům dáš float: left a dáš jim jednotlivě width aby jejich součet byl 100. Tzn jednomu dej třeba 75% a druhému 25%.

[JaneeK 2]

Super, díky mockrát :) Už to funguje

[Ewwe 434]

ale ho*no... očividně jste s bootstrapem nikdo nedělal co... žadnej div class="panely"

<div class="container">
     <div class="col-md-8">
         //širokej panel
     </div>
     <div class="col-md-4">
         //uzkej panel
     </div>
</div>

případně místo 8 a 4 dej třeba 10 a 2 podle toho jak ti bude vyhovovat

 

 

 

JaneeK Portfolio _ Hlavní strana.html  -  http://prntscr.com/b51mx6

[Fakerko_ 190]

ale ho*no... očividně jste s bootstrapem nikdo nedělal co... žadnej div class="panely"

<div class="container">
     <div class="col-md-8">
         //širokej panel
     </div>
     <div class="col-md-4">
         //uzkej panel
     </div>
</div>

případně místo 8 a 4 dej třeba 10 a 2 podle toho jak ti bude vyhovovat

 

 

 

JaneeK Portfolio _ Hlavní strana.html  -  http://prntscr.com/b51mx6

<section class="container">
   <div class="row">
      <div class="col-md-4">
         //Panel č. 1
      </div>
      <div class="col-md-8">
         //Panel č. 2
      </div>
   </div>
</section>

JaneeK, když už používáš bootstrap, tak alespoň používej i jejich base template, jelikož tvoje hlavička webu je tak na ho*no, že ti ani nebude bootstrap pořádně fungovat. A tvoje custom styly už vůbec ne.

[JaneeK 2]

Díky všem za pomoc, Ewwe mi s tím už poradil.