web製作の初歩の初歩みたいな質問でbootstrapとcssの質問なんですが

解決したいこと

　web製作の初歩の初歩みたいな質問なんですが、文字の折り返しは「word break」っていうCSS使うといいという事だったんですが、
話かわってbootstrap
を使ったcontainerからのグリッドで作った、どちらかと言えばテーブルみたいな写真のグリッドなんですが、
両脇の赤い矢印の場所はdivでワクを作るとこんなふうになるんですが、両脇はやはりspanタグで？マージンとかパディングとかで調整するような感じでしょうか？普通はみなさんどんな感じで調整してますでしょうか？この両脇の濃い青色を消して、薄い青色にしたいんですが
分かる方、どうかよろしくお願いします。m(_ _)m