[CSS]CSS - bootstrap 2 wyśrodkowane columny Opcje

[yha]

Da się w bootstrap, zrobić wyśrodkowane columny na col-size ?

[HTML] pobierz, plaintext 
<div class="row">
   <div class="col-lg-5 col-centered"></div>
  <div class="col-lg-2 col-centered"></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.col-centered{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
[CSS] pobierz, plaintext 

I nie jest to zbytnio wyśrodkowane ... tak do lewej ucieka o proszę:

http://i.imgur.com/n3muXIL.png

[dentopolis]

próbowałeś class="text-center"?

[yha]

próbowałeś class="text-center"?

Nic nie dało, kolumny i tak nie są wyśrodkowane

[Lord]

https://www.bootply.com/suFloj2gi8
https://v4-alpha.getbootstrap.com/utilities/flexbox/

[yha]

https://www.bootply.com/suFloj2gi8
https://v4-alpha.getbootstrap.com/utilities/flexbox/

W pierwszym linku przecież one nie są obok siebie tylko pod spodem ...
W drugim linku nie widzę odpowiedzi

[Lord]

https://www.bootply.com/I9UkipTACH
https://www.bootply.com/MO2o2krgkF

[yha]

http://i.imgur.com/5BCLJCS.png

Ehh czemu to gówno złośliwie nie chce działać ...
Jak były tylko te dwie cyfry to OK. Z większym tekstem już ni jest jest.

Twój jeden i drugi kod nie działa prawidłowo.

Ten post edytował yha 27.06.2017, 19:30:20

[Lord]

podaj kod, to po 1, a po 2 wersja bootstrapa.

nie wiem, ja ci podałem i mi działa ;P

[yha]

<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/style.css" />

Bootstrap 3.3.7

[HTML] pobierz, plaintext 
 
<div class="container">
 
<div class="container-fluid">
    <div class="row d-flex justify-content-center bg-info">
            <div class=" col-4 bg-warning">           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi arcu leo, gravida a sollicitudin et, pharetra ut nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquam nec felis nec laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce fermentum malesuada metus, vel viverra eros auctor et. Ut tristique est nec nisl hendrerit, et lobortis lorem volutpat. Pellentesque erat velit, bibendum eu blandit sed, feugiat non mauris.
</div>
            <div class=" col-4 bg-danger">
			            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi arcu leo, gravida a sollicitudin et, pharetra ut nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquam nec felis nec laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce fermentum malesuada metus, vel viverra eros auctor et. Ut tristique est nec nisl hendrerit, et lobortis lorem volutpat. Pellentesque erat velit, bibendum eu blandit sed, feugiat non mauris.
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi arcu leo, gravida a sollicitudin et, pharetra ut nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquam nec felis nec laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce fermentum malesuada metus, vel viverra eros auctor et. Ut tristique est nec nisl hendrerit, et lobortis lorem volutpat. Pellentesque erat velit, bibendum eu blandit sed, feugiat non mauris.
 
 
			</div>
    </div>
</div>
[HTML] pobierz, plaintext 

podaj kod, to po 1, a po 2 wersja bootstrapa.

nie wiem, ja ci podałem i mi działa ;P

Wrzuciłem gołą wersję jak u Ciebie i też nie działa ... poprawnie .... są pod spodem.

[Lord]

1. flex jest w 4 z tego co mi wiadomo uzyważ 3
2.

[HTML] pobierz, plaintext 
<div class="container">
 
<div class="container-fluid">
[HTML] pobierz, plaintext 

jedno wywal



tutaj też masz:

https://www.codeply.com/go/Sv6Z9eR9kk

Ten post edytował Lord 27.06.2017, 19:36:21

[yha]

Jest bootstrap 4 i ja nic o tym nie wiem? Ale chyba nie jest to pełna wersja ... Gdyż download na ich stronie wskazuje na pobieranie właśnie tej wersji co mam.

Co do linku pojawia się:


Application error
An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details.

Wywaliłem container: http://i.imgur.com/n6fpg1x.png i tak nie działa.

To samo jak usuwam: <div class="container-fluid">

Nic się nie zmienia.

Bez kontenera to już całkiem jest 100 % i nie ma środka