twitter-bootstrap - 如何在 Bootstrap 中制作文本标签常规字体(非粗体)？

Question

我正在使用 Bootstrap 构建表单。某些字段是只读的，因此值显示为文本(不是输入字段)。

我希望左侧的标签为粗体，右侧的值为常规(非粗体)。

这是代码和屏幕截图......将正确显示为常规字体(非粗体)的值的正确方法是什么？

screenshot of web page

  <form id="saveEntityDefForm" class="form-horizontal">


    <div>
        <div class="form-group">
            <label class="control-label col-sm-2" for="inputAppID">App Name</label>
            <div class="col-sm-10">
                <label class="control-label">Stephen's Library</label>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="inputTableName">DB Connection</label>
            <div class="col-sm-10">
                <label class="control-label">Stephen's Library DB Connection</label>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="inputTableName">DB Table Name</label>
            <div class="col-sm-10">
                <label class="control-label"><%=entityDefDTO.getTableName()%></label>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="inputEntityName">Entity Name</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="inputEntityName" placeholder="ex. Book">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-sm-2" for="inputEntityName">Entity Name Plural</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" id="inputEntityName" placeholder="ex. Books">
            </div>
        </div>
</div>

Answer 1

用:

font-weight-bold

喜欢:



应用名称

斯蒂芬的图书馆

    <div class="form-group">
        <label class="control-label col-sm-2 font-weight-bold" for="inputTableName">DB Connection</label>
        <div class="col-sm-10">
            <label class="control-label">Stephen's Library DB Connection</label>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-sm-2  font-weight-bold" for="inputTableName">DB Table Name</label>
        <div class="col-sm-10">
            <label class="control-label"><%=entityDefDTO.getTableName()%></label>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-sm-2  font-weight-bold" for="inputEntityName">Entity Name</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputEntityName" placeholder="ex. Book">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-sm-2  font-weight-bold" for="inputEntityName">Entity Name Plural</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputEntityName" placeholder="ex. Books">
        </div>
    </div>
</div>