Topic: collapse with col-6 not work inline
solaris32 pro asked 6 years ago
Bartłomiej Malanowski staff answered 6 years ago
.collapse.show {
display: block;
}
to
.collapse.show {
display: flex;
}
Ollie Vincent pro answered 6 years ago
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.FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No