สอบถามหน่อยครับ หากจะจัดรูปแบบ layout แบบนี้ต้องใช้เครื่องมืออะไรครับ

<section id="slider">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                column 1
            </div>
            <div class="col-sm-4">
                column 2      
            </div>
            <div class="col-sm-4">
                column 3
            </div>
        </div>
    </div>
</section>

<style>
        .newStyle .col-sm-4 {border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black;}
        .newStyle .col-sm-4:last-child {border-right: 1px solid black;}
    </style>

<section id="slider">
            <div class="container">
                <div class="row newStyle">
                    <div class="col-sm-4">
                        <h1>column 1</h1>
                    </div>
                    <div class="col-sm-4">
                        <h1>column 2</h1>    
                    </div>
                    <div class="col-sm-4">
                        <h1>column 3</h1>
                    </div>
                </div>
            </div>
        </section>

<table class="table table-bordered">
	<tr>
		<td colspan="2">ห้องพักเตียงเดี่ยว จำนวน 35 ห้อง</td>
	</tr>
	<tr>
		<td>picture</td>
		<td>
			ห้องพักแบบเตียงเดี่ยว.......
		</td>
	</tr>
</table>