lil_koi

<div class="container">
 <div class="row">
    <div class="col-3 border">
    <p>колонка</p>
    </div>
    <div class="col-3 border">
    <p>колонка</p>
    </div>
    <div class="col-3 border">
    <p>колонка</p>
    </div>
    <div class="col-3 border">
    <p>колонка</p>
    </div>
 </div
 
</div>

если ты работаешь в chrome.

1. открываешь панель разработчика
   
2. нажимаешь справа на планшетик или телефончик
   
3. открывается мобильная версия
   
4. выбираешь нужный тебе iphone
   

1)

1. а где у тебя в коде id output?
   
2. тебе нужно почитать: что такое find в js и как он работает
   

Но мне кажется, что атрибут type задаёт не тип данных, а лишь формат ввода данных.

ну не совсем, ты можешь задать, либо формат ввода данных(дата, телефон, номер или просто строка и т.д), либо тип кнопки или тип hidden и поле вообще не будет отображаться, но данные там будут.