BootStrap如何实现右部固定宽度,左边占满全部的效果?

想用BootStrap实现如图所示的效果、应该如何实现呢？图示的实现代码如下:

<div>
    <div id="car-brand-pinyin"
         style="height: 500px;width: 30px;background-color: #ED6C00;float: right;">
        <ul>
            <li>A</li>
            <li>B</li>
        </ul>
    </div>
    <div id="choose-car-div" style="background-color: #269abc">
        <div>
            abc
        </div>
    </div>

</div>