<input type="text" class="form-control" name="social[title][]">
<input type="text" class="form-control" name="social[icon][]">
<input type="text" class="form-control" name="social[url][]">

Array
(
    [title] => Array
        (
            [0] => Twitter
            [1] => Facebook
            [2] => İnstagram
        )

    [icon] => Array
        (
            [0] => fa fa-twitter
            [1] => fa fa-facebook
            [2] => fa fa-instagram
        )

    [url] => Array
        (
            [0] => twitter.com
            [1] => facebook.com
            [2] => instagram.com
        )

)

Name ve print bu şekilde. Ben bunu şöyle değiştirmek istiyorum.

Array
(
    [0] => Array
        (
            [title] => Facebook
            [icon] => fa fa-facebook
            [url] => facebook.com
        )
    [1] => Array
        (
            [title] => Twitter
            [icon] => fa fa-twitter
            [url] => twitter.com
        )
    [2] => Array
        (
            [title] => İnstagram
            [icon] => fa fa-instagram
            [url] => instagram.com
        )
)

İşin içine sürükle bırak ve yeni ekleme alanı girince işin içinden çıkamadım. social[0][title] olarak name verdiğimde sorun yok ama javascript işinde sorun çıkıyor bu seferde.

Array_walk, combine hepsini denedim ama nafile.