php - Bootstrap 导航栏下拉菜单向右对齐

标签 php jquery html css twitter-bootstrap

需要帮助,我这里有我的导航栏代码和一些 php 代码,一个问题是文本向右对齐。我找不到解决办法。我无法附加 CSS。在我发布这个之后我会附上它。非常感谢那些能帮助我的人:)

<h1>HTML</h1>
<div class="container">
<nav class="navbar navbar-custom" role="navigation">
<div class="navbar-header">
    <button type ="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="login_success.php"><img src="litrato/seal.png" HEIGHT="20" WIDTH="20" BORDER="0"></a>
</div>
<div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
    <li ><a  href="login_success.php">HOME</a> </li>
    <li class="active"><a href="cabecs.php">CABECS</a> </li>
    <li><a  href="nursing.php">CON</a> </li>
    <li><a  href="enginering.php">COE</a> </li>
    <li><a  href="case.php">CASE</a> </li>
    <li><a  href="bed.php">BED</a> </li>
    </ul>

<form class="navbar-form navbar-left" role="search" action='' method='post'>
    <div class="form-group">
      <input type="text" class="form-control" placeholder="Search" name='cisearch'>
    </div>
    <button class="btn btn-default glyphicon glyphicon-search" name='searchcabecs'></button>
  </form>

<?php
include('connect.php');

if(isset($_POST['searchcabecs'])){
echo "<div style=' position:absolute; z-index:1; top:100%; left:21%; height:400%; width:50%; overflow: scroll; overflow-x: hidden; background-color:FFFFFF;'>";
echo"<table border=1 style='position:absolute; z-index:1; top:0%; left:0%; height:2%; width:100%; background-color:FFFFFF;  border:2px solid yellow; border-radius: 3px; '>";
echo "<tr><td>RESULT :<button onclick=\"window.location.href='cabecs.php';\" style=' color:red; float:right;'>x</button></td></tr>";
$csearch = $_POST['cisearch'];

$search = mysql_query("SELECT * FROM addtopic where add_topic  LIKE '%$csearch%' AND department = 'CABECS' ");  

while($rows = mysql_fetch_array($search))
    {
    echo "<tr>";
    echo "<form method='GET' id='view' action= 'view.php' >";
    echo "<input type='hidden' name='supporttype' />";

    echo "<td><div style='width:700px; height:100px;  word-break: break-all; white-space: normal;'><p style='float:left;'></br>TOPIC:  <input type='submit' value='$rows[add_topic]' style='background: #ffffff url(litrato/transparent.png); outline: FFFFFF; background-size: 60px auto; background-size: 100%; border:0; border: none; width:100%; height:100%;'>"."<input type='text' name='topic_id' value='$rows[topic_id]' hidden><input type='text' name='name' value='$name'  hidden> <input type='text' name='addtopic' value='$rows[add_topic]'  hidden>"."</a></p></div></td>";


    echo "</form></tr>";
    }

echo "</table></div>";




}

?>

  <ul class="nav navbar-nav navbar-right">
  <p class="navbar-text navbar-left">Signed in as <?php echo $name?></p>  
    <li><a  href="#" data-toggle="modal" data-target="#myModal">About Us</a> </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle glyphicon glyphicon-cog" data-toggle="dropdown"></a>
            <ul class="dropdown-menu" role="menu">
            <li><a href="#">View Profile</a></li>
            <li><a href="#">Edit Profile</a></li>
            <li class="divider"></li>
            <li><a href="logout.php">Log Out</a></li>
            </ul>
        </li>
    </div>
    </ul>
    </div>
    </nav>
    </div>

最佳答案

可能是 CSS 中的文本对齐或 float

关于php - Bootstrap 导航栏下拉菜单向右对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26192376/

相关文章:

Javascript 包与另一种语言的包装器

php - 是否可以为 3D 打印对象编程/生成文件?

javascript - 使用 JQuery.throwable 将 div 添加到场景

javascript - 使用 Bootstrap 的可折叠菜单

javascript - 禁用页面上的空 DIV 容器

javascript - 为什么我的模态没有显示? Bootstrap 4

php - 使用 usort 按多个数组列排序

php根据单选插入值

javascript - 在特定位置设置插入符号 jquery

javascript - 如何通过 iphone html 像电话号码一样使地址可点击(可检测)?