Горизонтальная прокрутка <div>с <a><img> элементами внутри

Question

У меня есть таблица с тремя столбцами. В третьем столбце будет несколько изображений, по которым можно щелкнуть, чтобы выполнить действие. Итак, желательно, чтобы этот столбец имел горизонтальную прокрутку. Итак, я добавил <div> в третий столбец, где я добавил несколько тегов <a>, каждый из которых содержит <img> внутри. Проблема в том, что div расширяется по вертикали. Я хочу, чтобы он рос по горизонтали.

Мой код работает иначе, но не с bootstrap таблицей css.

Посмотреть код здесь

Кто-нибудь может помочь?

Я использую bootstrap в своем коде. Но, к сожалению, bootstrap не предлагает горизонтальную прокрутку из коробки, и я попробовал несколько решений, представленных на inte rnet, но ни одно из них не сработало.

Answer 1

Используйте это

 td div{
    white-space: nowrap;
    overflow-x: auto;
    width:200px; // Can be replaced it with any other value
  }