2

正しく機能しない入力検索フィールドに検索ボタンを追加しようとしています。

ブートストラップが初めてなので、エラーを追跡できません。

jsFiddleで例を設定しました

asp.net WebフォームベースのWebサイトで機能させようとしています

以下はコードスニペットです

        <div id="search-wrapper" class="span3 offset5">
            <div  class="span3 input-append">
                <asp:TextBox ID="txtSearch"  placeholder="Search" runat="server"></asp:TextBox>
                <asp:Button ID="btnSearch" CssClass="btn" runat="server" Text="Go!" />
            </div>
        </div>

Goボタンが入力フィールドに正しく追加されません。この例に示すように

max-width:1000px で動作するように、css に若干の変更を加えました。

残りはほぼ同じです。CDN から直接 botstrap css を使用しようとしましたが、ボタンに違いはありません

アップデート：

.btncssを変えてみた

.btn {
  display: inline-block;
  *border-left: 0 none #e6e6e6;
    border-right: 0 none #e6e6e6;
    border-top: 0 none #e6e6e6;
    border-bottom: 0 none #b3b3b3;
    display: inline;
    padding: 4px 12px;

パディングへのこの行: 6px 12px;. これにより、FF では細かく修正されましたが、他のブラウザでは問題が悪化します。

4

1 に答える 1