2017-08-08 48 views
1

我不是引導好,所以請給我一隻手。我希望有一個設計爲bootstrap的頁面分成兩列。大小爲'col-md-4'的第一列應該包含一些文本信息,第二列大小爲'col-md-8'以包含實際的表單。兩列形成引導4

我試過的東西,但不起作用。

<section> 
<div class="col-md-4 form-group"> 
<h3>EVENT INFORMATION</h3> 
    <small>Add some information about this section</small> 
</div> 
<div class="col-md-8 form-group"> 
    <label for="formGroupExampleInput">Example label</label> 
    <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input"> 
    <label for="formGroupExampleInput2">Another label</label> 
    <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input"> 
    </div> 
</section> 

https://jsfiddle.net/62s24kmp/

+0

究竟是不是工作?原因您沒有將引導CSS你的jsfiddle例如不會做任何事情(外部鏈接部分爲空) –

+0

Bootply自動包括引導:https://www.bootply.com/BxpZIgyWOI – ZimSystem

回答

3

您必須包裝你<div class="col-md-*"><div class="row"> 不要忘記,當您提供的jsfiddle添加外部ressources。

這裏JSFIDDLE

enter image description here