Bootstrap容器尺寸和对齐

时间:2014-02-02 14:12:00

标签: twitter-bootstrap size containers

好的首先,这里是我遇到麻烦的页面的链接:http://brysonlinden.net/roster.html

我希望所有播放器名称的文本框与jumbotron的大小完全相同,我不确定如何使用Bootstrap 3.0。

如果您可以查看源代码并告诉我要更改哪些内容将非常感激。

<!-- CONTENT -->
        <div class="container">
            <div class="well col-xs-8 col-sm-8 col-md-8 col-lg-8 col-xs-offset-2 col-sm-offset-2 col-md-offset-2 col-lg-offset-2">

                <!-- ADAM MOFFAT -->
                <div class="row user-row">
                    <div class="col-xs-3 col-sm-2 col-md-1 col-lg-1">
                        <img class="img-circle" src="pics/players/default.png" height="50px" width="50px" alt="User Pic">
                    </div>
                    <div class="col-xs-8 col-sm-9 col-md-10 col-lg-10">
                        <strong>Adam Moffat</strong><br>
                        <span class="text-muted">Player Position: Defensive End</span>
                    </div>
                    <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 dropdown-user" data-for=".amoffat">
                        <i class="glyphicon glyphicon-chevron-down text-muted"></i>
                    </div>
                </div>
                <div class="row user-infos amoffat">
                    <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 col-xs-offset-0 col-sm-offset-0 col-md-offset-1 col-lg-offset-1">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">Adam Moffat</h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-3 col-lg-3 hidden-xs hidden-sm">
                                        <img class="img-circle" src="pics/players/default.png" height="100px" width="100px" alt="User Pic">
                                    </div>
                                    <div class="col-xs-2 col-sm-2 hidden-md hidden-lg">
                                        <img class="img-circle" src="pics/players/default.png" height="100px" width="100px" alt="User Pic">
                                    </div>
                                    <div class="col-xs-10 col-sm-10 hidden-md hidden-lg">
                                        <strong>Player Information</strong>
                                        <br>
                                        <dl>
                                            <dt>Player Number:</dt>
                                                <dd></dd>
                                            <dt>Player Position:</dt>
                                                <dd></dd>
                                            <dt>Height & Weight:</dt>
                                                <dd></dd>
                                            <dt>High School:</dt>
                                                <dd></dd>
                                        </dl>
                                    </div>
                                    <div class=" col-md-9 col-lg-9 hidden-xs hidden-sm">
                                        <strong>Player Information</strong>
                                        <br>
                                        <table class="table table-user-information">
                                            <tbody>
                                                <tr>
                                                    <td>Player Number:</td>
                                                    <td>#97</td>
                                                </tr>
                                                <tr>
                                                    <td>Player Position:</td>
                                                    <td>Defensive End</td>
                                                </tr>
                                                <tr>
                                                    <td>Height & Weight:</td>
                                                    <td>6'4", 215 lbs.</td>
                                                </tr>
                                                <tr>
                                                    <td>High School:</td>
                                                    <td>Holy Trinity CSS</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <strong>Offensive Statistics</strong>
                                        <br>
                                        <table class="table table-user-information">
                                            <tbody>
                                                <tr>
                                                    <td>Pass Attempts:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Passes Made:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Passing Yards:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Passing Touchdowns:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Pass Interceptions:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Rush Attempts:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Rush Yards:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Rush Touchdowns:</td>
                                                    <td>0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <strong>Defensive Statistics</strong>
                                        <br>
                                        <table class="table table-user-information">
                                            <tbody>
                                                <tr>
                                                    <td>Tackles:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Assists:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Sacks:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Interceptions:</td>
                                                    <td>0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <strong>Receiving Statistics</strong>
                                        <br>
                                        <table class="table table-user-information">
                                            <tbody>
                                                <tr>
                                                    <td>Rush Attempts:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Rush Yards:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Rush Touchdowns:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Receives:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Receiving Yards:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Receiving Touchdowns:</td>
                                                    <td>0</td>
                                            </tbody>
                                        </table>
                                        <strong>Kicking Statistics</strong>
                                        <br>
                                        <table class="table table-user-information">
                                            <tbody>
                                                <tr>
                                                    <td>Field Goal Attempts:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Field Goals Made:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Field Goal Longest:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Point After Touchdown Attempts:</td>
                                                    <td>0</td>
                                                </tr>
                                                <tr>
                                                    <td>Point After Touchdowns Made:</td>
                                                    <td>0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-footer">
                            </div>
                        </div>
                    </div>
                </div>

0 个答案:

没有答案