Bootstrap 3

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imao sam problem sa centriranjem zelenog dugmeta i nasao resenje, veoma je nezgodno ako se upetljate sa ovim a prosto je U zavisnosti koliko date padding na elemente dodate margin-top.btn {    border-radius:25px;    padding:10px 50px;    text-align:center;    background:#8dc840;    color:#fff;    margin-top:15px; }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Postovanje kako da podesim da elementa jedan pored drugog uradio sam display-block ali ne radi
block elementi div, h1-h6,p,form. Inline elementi:span, img,a. [Link mogu videti samo ulogovani korisnici]
Ovako je na nekom starom sajtu koji vezbam u bootstrap

Kod mene


#services p {    padding-top:40px;    padding-bottom:40px;    display: inline-block; }
<div class="col-xs-12 col-md-4">                   <img src="img/services1.png" class="img-responsive img-center" alt="">                   <p>phoncus ut, imperdiet vel venenatis vitae justo ullam<br> dictum felis eu pede mollis pretium massa.                   </p>                   <p>READ MORE</p><img src="img/arrow.png" class="img-responsive" alt="">                </div>
Ovaj deo
<p>READ MORE</p><img src="img/arrow.png" class="img-responsive" alt="">
Resenje je ovako na sajtu da li moze
<a href="#" style="color: #605f5f; font-family: 'Raleway', arial; font-size: 13px; font-weight: 600; text-transform:uppercase; text-decoration:none;">read more <img src="img/arrow.png" alt="" title="" border="0" style="padding:0 0 0 5px; vertical-align:middle;">                                   </a>
Da li ima nov nacin
Neki link da pogledam. pozdrav
Preradjen je stari tabelarni sajt u bootstrap

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Napisano: 06 Sep 2015 11:02

Citat:Postovanje kako da podesim da elementa jedan pored drugog uradio sam display-block ali ne radi
Zasto si stavio display-block ako hoces da ti elementi idu jedan pored drugog (u liniji) ? Block elementi idu jedan ispod drugog.

U jednom redu/liniji/jedan pored drugog ce ici elementi koji su po defaultu inline/inline-block ili kojima zadas takvu vrednost. Takodje zapamti da ako zelis da ti dva ili vise elemenata ide u jednom redu svaki od tih elemenata mora biti inline/inline-block.

Dopuna: 06 Sep 2015 11:05

Citat:Resenje je ovako na sajtu da li moze

 <a href="#" style="color: #605f5f; font-family: 'Raleway', arial; font-size: 13px; font-weight: 600; text-transform:uppercase; text-decoration:none;">read more <img src="img/arrow.png" alt="" title="" border="0" style="padding:0 0 0 5px; vertical-align:middle;">                                       </a>

Ima nekoliko resenja i ovo je ok resenje samo ja bih uvek kada mogu izbegavao to inline stilizovanje.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Odradio sam ovde sass za pocetak koga zanima neka pogleda i neka da neki primer za ucenjel. Hvala
[Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Imam problem, div nije u skladu sa kontajnerom
<div id="about">       <div class="container ">          <div class="row">             <div class="col-sm-4 col-md-4" id="box-border">               <h2>Fusce dapibus</h2>               <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>               <p><a class="btn btn-default" href="#" role="button">View details »</a></p>             </div>
Ne radi ni padding onda ide col-md jedan ispod drugog isto je i sa margin.
.container-width sam podesio na 768px.
  #about {    color:#333;     } #box-border {    background:#fff;    border: 3px solid #e3e3e3;     }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ovako preko slika ne moze se resiti problem. Okaci ceo code na jsfiddle ako si u mogucnosti.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

m4rk0 ::Ovako preko slika ne moze se resiti problem. Okaci ceo code na jsfiddle ako si u mogucnosti.

[Link mogu videti samo ulogovani korisnici]

Prebacio sam samo deo sa slikom i deo ispod,
ako treba ceo sajt da okacim, hvala pozdrav

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Okaci ceo sajt.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ceo sajt, pozdrav
[Link mogu videti samo ulogovani korisnici]

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Resen problem



<div class="col-sm-4 col-md-4 bs-example">                <div class="panel panel-default">                   <div class="panel-heading">Donec sed odio dui</div>                   <div class="panel-body">This page is temporarily disabled by the site administrator for some reason.<br> <a href="#">Click here</a> to enable the page.</div>                </div>             </div>