collapse with col-6 not work inline

Topic: collapse with col-6 not work inline

solaris32 pro asked 6 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

Bartłomiej Malanowski staff answered 6 years ago

0 0 Best answer

This issue is caused by bootstrap. You need to add some CSS code to fix it. Simply change:


.collapse.show {
    display: block;
}


.collapse.show {
    display: flex;
}

Add comment

Ollie Vincent pro answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

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 6 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

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

solaris32

Pro User 12Support score
8Questions 2Answers 0Snippets