Javascript CSS帮助，用于顶部菜单和具有2列的表格

我正在尝试创建一个如下图所示的表。

我正在使用引导。以下是一个例子：

<nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" style="margin-left: 20px;">123 Main Street - Big Blue</a>
      </div>
      <ul class="nav navbar-nav navbar-right">
        <p style="margin-right: 50px;">
          June 07, 2018 <br />
          57 F
        </p>
      </ul>
    </div>
  </nav>

  <div class="container">

    <div class="row">

            <div class="col-sm-4" style="background-color:lavender;">
          Dawn Rabideau 2-100
          <br />
          Lonnie Robinson (Pinoy Arts) T-100
          <br />
          Pro Wrestling Hall of Fame A-101
          <br />
          Michael Chapman T-101
          <br />
          Ted Klopf 2-717
          <br />
          Harvest Ministries T-1100 Suite
          <br />
           Ricci Consulting, LLC T-608
          <br />
          North Texas Home Therapy Professionals T-500B
          <br />
          Terry Thompson T-623
          <br />
          Substance Abuse Testing Solutions T-830
          <br />

            </div>

            <div class="col-sm-4" style="background-color:lavender;">
          Melons and Cuties T-104
          <br />
          Amy Janjgava 2-701
          <br />
          Dexter Learning T-200
          <br />
          Mary Amanda Beaver Counseling Services T-825
          <br />
          Marsha Wright Reeves T-610
          <br />
          Nosidrah Enterprises T-500A
          <br />
          B Strong Consulting DBA Court on Blue T-105
          <br />
          Marshall Hall T-532
          <br />
          American Financial Network, Inc T-102
          <br />
          The EDI Exchange T-600
          <br />

        </div>

    </div>
  </div>

主街123号-蓝色大道


2018年6月7日

57楼


黎明拉比多2-100


朗尼·罗宾逊（皮诺艺术）T-100


职业摔跤名人堂A-101


迈克尔·查普曼T-101


特德·克洛普夫2-717


收获部T-1100套房


利玛窦咨询有限责任公司T-608


北德克萨斯州家庭治疗专家T-500B


特里·汤普森T-623


药物滥用检测溶液T-830


瓜果皮T-104


Amy Janjgava 2-701


德克斯特学习T-200


玛丽·阿曼达·海狸咨询服务公司T-825


玛莎·赖特·里维斯T-610


诺西德拉企业公司T-500A


B关于蓝色T-105的强大咨询DBA法庭


马歇尔大厅T-532


美国金融网络公司T-102


电子数据交换T-600

我不擅长使用CSS。如何使行中的2列与图片更相似？另外，我的导航顶栏的格式不是很好。有没有办法设置顶部导航菜单的格式

---

谢谢

如果您正在使用引导，您可以按照页面上的响应网格

2018年6月7日

57楼
阿拉姆比克投资管理公司
1905
MWA建筑师事务所
1720

喜欢

桌面

或学习CSS。谢谢。这就是我要找的。你知道CSS应该使用哪个属性来创建该样式吗？这取决于你想向其中添加样式的元素，而且你还没有提到你想对NavBar做什么。我试图添加一个背景图像，如图中所示，左边是一个名字（大字体），右边是今天的日期和当地天气。我已经用导航栏的背景图像更新了答案