2014-05-23 4 views
0

부트 스트랩 3에서 커스텀 테이블을 만들려고합니다. 저는 아마추어이지만 조금만 노력해 왔고 그것을 얻을 수없는 것 같습니다. 각 행에는 다른 양의 열이있는 두 개의 행이 들어있는 표가 필요합니다. 이것이 가능한가?커스텀 부트 스트랩 3 테이블

그래서 각 항목에는 2 개의 행이 필요합니다. 맨 위 행에는 4 개의 열이 필요하고 맨 아래 행에는 3 개의 열이 필요합니다. 각 열의 너비를 설정할 수 있습니까? 아니면 너무 복잡합니까?

감사합니다.

+0

지금까지 시도한 것을 보여주십시오. – Graymatter

+0

"부트 스트랩 3 테이블"이란 무엇입니까? 당신은 html 테이블을 의미합니까 아니면 부트 스트랩 그리드 구조를 사용한다는 것을 의미합니까? – joshhunt

답변

3

질문에 대한 답변은 부트 스트랩 문서입니다. 그리드를 사용하여 사용자 정의 레이아웃을 만들 수 있습니다. 의 사용자 정의 폭 http://getbootstrap.com/css/#grid

그렇지 않으면 기본 테이블 솔루션이 될 것이며,이 EASY입니다. 아래 코드를보십시오. 당신은뿐만 아니라 Appizy를 사용할 수있는이

enter image description here

http://getbootstrap.com/css/#tables

<table class="table table-bordered"> 
    <thead> 
    <tr> 
     <th>#</th> 
     <th>First Name</th> 
     <th>Last Name</th> 
     <th>Username</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td rowspan="2">1</td> 
     <td>Mark</td> 
     <td>Otto</td> 
     <td>@mdo</td> 
    </tr> 
    <tr> 
     <td>Mark</td> 
     <td>Otto</td> 
     <td>@TwBootstrap</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>Jacob</td> 
     <td>Thornton</td> 
     <td>@fat</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td colspan="2">Larry the Bird</td> 
     <td>@twitter</td> 
    </tr> 
    </tbody> 
</table> 
+0

감사하지만 일단이 작업 게시판을 얻으면 여기 다른 사람에게 도움이되는 답변이 제공됩니다. –

0

등이 생성 테이블은 스프레드 시트에서 시작 레이아웃을 생성합니다. 콘텐츠를 Excel 파일로 구성한 다음 온라인 소프트웨어로 HTML로 변환하면됩니다. 예제를 확인하십시오.

희망이 도움이 될 수 있습니다. Nicolas

0

rowspan="#"colspan"#"은 부트 스트랩의 유무에 관계없이 원하는 것을 수행합니다.

이 예제 참조 : 또한 http://www.bootply.com/rwrPSj9VqW

주목할 가치를, 당신의 세포는 (적어도 그들이 않는 <table>로) 정렬해야합니까 - 즉 3, 4 열을 가지고 하나의 열이 차지한다 2 스팬이고 나머지 2 열은 위의 것과 동일합니다.