bootstrap изменить отступы между колонками

всем добрый день. на страницу сайта добавила drop-down меню и столкнулась с такой проблемой, что мне хотелось бы, чтобы они располагались без отступов относительно друг друга, однако у меня не получается это сделать. фото прилагаю

код:

<div class="container">
    <div class="row">
            <div class="col">
                <div class="dropdown">
                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Купить или снять
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="Buy">
                            <label class="form-check-label" for="Buy">Купить</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="Rent">
                            <label class="form-check-label" for="Rent">Снять</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="dropdown">
                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Площадь
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <input type="text" name="square_from" placeholder="От"> м2 <input type="text" name="square_to" placeholder="До" id="square_to">
                        м2
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="dropdown">
                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Количество комнат
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="Studio">
                            <label class="form-check-label" for="Studio">Студия</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="OneRoom">
                            <label class="form-check-label" for="OneRoom">1</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="TwoRooms">
                            <label class="form-check-label" for="TwoRooms">2</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="ThreeRooms">
                            <label class="form-check-label" for="ThreeRooms">3</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="FourRooms">
                            <label class="form-check-label" for="FourRooms">4</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="" id="FiveRooms">
                            <label class="form-check-label" for="FiveRooms">5</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col">
                <div class="dropdown">
                    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Цена
                    </button>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <input type="text" name="price_from" placeholder="От"> Р <input type="text" name="price_to" placeholder="До">
                        Р
                    </div>
                </div>
            </div>
        </div>