collapse with col-6 not work inline

Topic: collapse with col-6 not work inline

solaris32 pro asked 7 years ago

hello, I use two div with class col-6, but it not inline, if use collapse effect by collapse class. collapse http://lab.mailok.com.tw:8080/ron/mdb/collapse.php nocollapse http://lab.mailok.com.tw:8080/ron/mdb/nocollapse.php

Add comment

Ollie Vincent pro answered 7 years ago

0 0 Best answer

Hi,

Could you try something like this?

<div class="row" id="collapse"> 
 <div class="col-md-6">
 <div class="form-group ">
 <label class="" for="">input1</label>
 <input type="text" class="form-control" name="" id="" value="">
 </div></div>
 <div class="col-md-6">
 <div class="form-group ">
 <label class="" for="">input2</label>
 <input type="text" class="form-control" name="" id="" value="">
 </div></div>
 
 
</div>

Let me know if that is what you are looking for... otherwise please expand your question.

Thanks

solaris32 pro commented 7 years ago

hello but i need the collapse show and hide effect, like the example(https://mdbootstrap.com/javascript/collapse/). i add the toggle button at the link(http://lab.mailok.com.tw:8080/ron/mdb/collapse.php), it became inline and change to two line, when toggle.

Add comment

Bartłomiej Malanowski staff pro premium answered 7 years ago