2014-07-17 4 views
2

나는이 site을 개발 중이고 문제가 생겼다.동일한 높이의 부트 스트랩에 버튼을 붙이는 방법

난 항상 "트레일러"와 같은 높이의 "sinopse"링크를 유지해야하는 "Lançamentos"섹션에

,하지만 난 부트 스트랩 열은 동일한 높이

bootply here by JordanD

을 해달라고 할 수 없기 때문에

아무도 나를 도와 줄 수 있습니까?

+0

내가 문제는 다음주십시오 그것으로 질문을 업데이트 다시이를 편집 문제를 볼 수 없습니다 bootply에 코드를 넣는 : http://www.bootply.com/zEVFwK4515 –

+0

내가 원하는 트레일러와 유인 선 링크를 같은 줄에 놓는 것입니다. 문제가 생길 수 있습니다. –

답변

1

당신이 할 수있는 한 가지 방법은 콘텐츠를 행으로 분할하는 것입니다. 포스터/제목에 한 행을 지정하고 예고편/시놉시스 링크에 대해 별도의 행을 지정하십시오. 각 행의 열이 일치하고 컨테이너가 유동적이면 모든 것이 일치합니다.

Bootply는 : http://www.bootply.com/2jz49daGa1

또한 테이블 (실제로 매우 유사한 방식)으로 그것을 깰 수 있습니다.

Bootply : 당신은 여전히 ​​반응 디자인을 수있게하려면 http://www.bootply.com/7dxa8ndiac

지금, 나는 열 전체의 높이와 제목의 높이를 해결하는 것입니다. 이렇게하면 원하는만큼 많은 영화를 추가 할 수 있으며 적절하게 배치 할 수 있습니다. 폭을 정적으로 유지하려면 컨테이너 유체를 컨테이너로 변경하십시오.

Bootply는 : http://www.bootply.com/GcuLvlmdOI#

높이를 고정하지 않고, 당신이 원하는 결과를 달성하기 위해 flex 레이아웃을 사용할 수 있습니다. 또한 하단을 기준으로 요소를 배치하는 방법을 보려면 this 게시물을 참조하십시오.

Bootply : http://www.bootply.com/PSE8nAvaL3

+0

여러 행이있을 때 작동합니까? –

+0

내 편집 내용을 확인하십시오. 더 많은 정보를 원할 것입니다. –

+0

도움을 주셔서 감사합니다. 거의 다 왔지만 사이트는 응답 성이 있어야합니다. 그러나 제목 높이가 문자 수에 따라 변경되기 때문에 제목과 열의 높이를 고정 할 수 없으므로 열의 높이가 변경됩니다 뿐만 아니라 –

관련 문제