Question

我是Bootstrap的新手，我正在寻找创建一个包含3列的可点击面板标题的解决方案。

从现在开始，我的代码如下：

<a href="javascript:{var v= addslashes(value.title);fav.delete(v)}">

但是这会破坏我的格式，结果很可怕。

所以我的问题是如何获得带有格式化内容的Panel-Header（3个不同水平对齐的列），整个标题应该是一个链接来打开面板体，就像手风琴应该做的那样。

我希望你能帮助我:)。

亲切的问候

Answer 1

切勿在没有<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <div class="panel panel-default"> <div class="panel-heading"> <div class="panel-title"> <a style="display: block" data-toggle="collapse" data-parent="#accordion" href="#panelBody<%=trimmedKennzeichen%>"> <div class="row"> <div class="col-xs-4"> <h4>t1</h4> </div> <div class="col-xs-4"> <h4>t2</h4> </div> <div class="col-xs-4"> <h4>t3</h4> </div> </div> </a> </div> </div>作为父级的情况下使用<div class="row"> <div class="col-md-4"></div> <div class="col-md-4"></div> <div class="col-md-4"></div> </row>个班级。

因为你怎么能有没有行的列。首先应该有一行，然后在其中添加列;）

＆＃13;

<div class="row">
    <div class="col-md-6">
        <!-- Never do like this -->
        <div class="col-md-8"></div>
        <div class="col-md-4"></div>
    </div>
    <div class="col-md-6">
        <!-- Do Like this: -->
        <div class="row">
            <div class="col-md-8"></div>
            <div class="col-md-4"></div>
        </row>
    </div>    
</div>

＆＃13;

一些正常规则：

列始终在一行中。

<div class="row">
    <!-- Never do like this: -->
    <div class="row"></row>
    <div class="row"></row>
</div>

列中永远不会有列。如果要在一列中添加更多列，请遵循规则1.首先添加行，然后在其中添加列。

rxjs*

永远不要在行内排。行总是有列。

Angular2

带有手风琴和格式化内容链接的Bootstrap Panel标题

1 个答案: